Показать сообщение отдельно
  #2 (permalink)  
Старый 18.06.2011, 17:52
Аватар для SlavaPav
Аспирант
Отправить личное сообщение для SlavaPav Посмотреть профиль Найти все сообщения от SlavaPav
 
Регистрация: 25.02.2010
Сообщений: 57

Примерно:
<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');
        });
});


Правда нужно добавить проверку след элемента.
Ответить с цитированием