Ajout d'un bouton de fermeture à un script d'accordéon jQuery

Question

Je me demande s'il existe un moyen d'ajouter un bouton de fermeture (ou une action) à ce script accordéon sur lequel je travaille. Je n'ai aucune connaissance de jquery, mais suis désireux de l'apprendre.

Voici mon code d'accordéon:

$(document).ready(function(){ 

$(".accordion .intro:first").addClass("active"); 
$(".accordion .more:not(:first)").hide(); 

$(".accordion .intro").click(function(){ 

    $(this).next(".more").slideToggle("slow") 
    .siblings(".more:visible").slideUp("slow"); 
    $(this).toggleClass("active"); 
    $(this).siblings(".intro").removeClass("active"); 

}); 

});

Je voudrais ajouter une classe à fermer, donc je peux ajouter un bouton dans le contenu pour fermer ou .slideUp

Merci.

Answer 1

Je ne suis pas sûr que ce soit ce que vous cherchez, mais si vous cherchez de l'accordéon à l'effondrement, vous pouvez appeler:

$("#SearchParameterAccordion").accordion("activate", 0); 

où SearchParameterAccordion est le div id, 0 est l'indice dont accordéon à s'effondrer. Je crois que vous pouvez également utiliser un sélecteur à la place d'un index.

Si cela n'a pas répondu à votre question, veuillez nous excuser.

Answer 2

settting:

collapsible: true 

vous permettra de réduire une fenêtre d'accordéon facilement.

Exemple:

$("#SearchParameterAccordion").accordion({ 
     header: "h3", 
     autoHeight: false, 
     collapsible: true 
});