Есть скрипт, позволяющий разворачивать закладки аккордеона, содержащие данные, для пошагового заполнения формы.
Разворачивание каждой вкладки возможно отдельно, нажатием на её заголовок.
Как сюда пришаманить кнопку "Далее" которая открывала бы последующую вкладку?
$(document).ready(function() {
//Set default open/close settings
$('.acc_container').hide(); //Hide/close all containers
$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
//On Click
$('.acc_trigger').click(function(){
if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all "active" state and slide up the immediate next container
$(this).toggleClass('active').next().slideDown(); //Add "active" state to clicked trigger and slide down the immediate next container
}
return false; //Prevent the browser jump to the link anchor
});
});
Заранее спасибо за советы и рекомендации, а также ссылки на документы
