Stavo cercando un modo per includere "espandi tutto" e "comprimi tutto". Ho aggiornato la demo con il nuovo codice usando una semplice fisarmonica jquery.Jquery Accordion Espandi tutto Comprimi tutto
Il codice originale debbono essere accreditati al Ryan Stemkoski a http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/
Demo: http://jsbin.com/ucalu3/5/
$(document).ready(function() {
$('.question').click(function() {
if($(this).next().is(':hidden') != true) {
$(this).removeClass('active');
$(this).next().slideUp("normal");
} else {
$('.question').removeClass('active');
$('.answer').slideUp('normal');
if($(this).next().is(':hidden') == true) {
$(this).addClass('active');
$(this).next().slideDown('normal');
}
}
});
$('.answer').hide();
$('.expand').click(function(event)
{$('.question').next().slideDown('normal');
{$('.question').addClass('active');}
}
);
$('.collapse').click(function(event)
{$('.question').next().slideUp('normal');
{$('.question').removeClass('active');}
}
);
});
solo far notare, non c'è bisogno di modificare il titolo per includere 'risolto' una volta che si ottiene una risposta. Quando una risposta è stata accettata, il conteggio delle risposte nella pagina principale passerà da bianco a giallo per indicare che il problema è stato risolto. –
grazie a questa domanda e risposta ... questo mi ha salvato ... –