Примерно:
<div id="questions">
<div class="active">
Вопрос1!
варианты ответов! радиобоксы
и кнопка следующий!
</div>
<div>
Вопрос2!
варианты ответов! радиобоксы
и кнопка следующий!
</div>
<div>
Вопрос3!
варианты ответов! радиобоксы
и кнопка следующий!
</div>
<button class="nextQuestion"></button>
</div>
CSS:
#questions > div {
display: none;
}
#questions > div.active {
display: block;
}
JS:
$('.nextQuestion').click(function() {
$('#questions .active')
.removeClass('active')
.fadeOut(function() {
$(this).next()
.fadeIn()
.addClass('active');
});
});
Правда нужно добавить проверку след элемента.