I am experiencing difficulties with the order of my divs and the buttons are not functioning properly. My goal is to display a div containing extensive content, and once a user clicks the begin test button located below the lengthy text, the content should disappear and the test div should appear.
I understand that this section of js is not recognizing my large content div, but I know there is a straightforward solution to fix it. As a beginner, I would appreciate guidance on how to effectively address these types of issues. Thank you for your help :)
init: function(){
$('.btnNext').click(function(){
if ($('input[type=radio]:checked:visible').length == 0) {
//*!!!!!!*//
return false;
}
$(this).parents('.rama_nastepne_pytanie').fadeOut(500, function(){
$(this).next().fadeIn(500);
});
var el = $('#progress');
el.width(el.width() + 86 + 'px');
});
$('.btnPrev').click(function(){
$(this).parents('.rama_nastepne_pytanie').fadeOut(500, function(){
$(this).prev().fadeIn(500)
});
You can access the full code on jsfiddle