Alternar um acordeão com o JQuery
Eu recebi um acordeão que não está abrindo e fechando cada aba. Só fecha a aba quandooutro O título está selecionado, mas eu gostaria que o usuário fechasse também clicando nele. Não sei como editar esse jQuery para permitir que isso aconteça.
jQuery("ul.gdl-accordion li").each(function(){
jQuery(this).children(".accordion-content").css('height', function(){
return jQuery(this).height();
});
if(jQuery(this).index() > 0){
jQuery(this).children(".accordion-content").css('display','none');
}else{
jQuery(this).find(".accordion-head-image").addClass('active');
}
jQuery(this).children(".accordion-head").bind("click", function(){
jQuery(this).children().addClass(function(){
if(jQuery(this).hasClass("active")) return "";
return "active";
});
jQuery(this).siblings(".accordion-content").slideDown();
jQuery(this).parent().siblings("li").children(".accordion-content").slideUp(); jQuery(this).parent().siblings("li").find(".active").removeClass("active");
});
});
Eu estou supondo que é em algum lugar no.click
função, nesseif
declaração ... mas não sei porquê.
Eu também não tenho certeza porque é a primeira aba padrão como aberta ... existe uma maneira de modificar isso também?
Qualquer conselho é muito apreciado. Muito obrigado.