Déclencheur jquery menu accordéon par un événement?

Est-il possible d'ouvrir le panneau suivant en un menu accordéon jquery par le biais d'un bouton séparé de l'événement onclick? C'est au lieu de cliquer sur le titre pour ouvrir un autre panneau, utiliser un bouton pas connecté à l'accordéon.

OriginalL'auteur Edward | 2010-06-12

  1. 14

    Oui, il suffit d'appeler activate sur l'accordéon comme ceci:

    $("#myaccordion").accordion("activate", 1 );

    Où 1 est l'indice que vous souhaitez ouvrir.

    Vous pouvez obtenir le courant d'index de base zéro de l'actif panneau en appelant le:

    var index = $("#myaccordion").accordion('option','active');

    Ainsi, la prise de ces deux éléments ensemble, nous pouvons ouvrir l'élément suivant sur un clic:

    $("#mybutton").click(function(e){
  e.preventDefault();
  var acc   = $("#myaccordion"),
      index = acc.accordion('option','active'),
      total = acc.children('div').length,
      nxt   = index + 1;

  if (nxt >= total) {
     nxt = 0; //Loop around to the first item
  }

  acc.accordion('activate', nxt);
})

    OriginalL'auteur Doug Neiner

  2. 13

    Dans les versions de JQuery UI 1.10 ou plus le .activer la fonction a été dépréciée en faveur de l'utilisation de l'option "méthode" donc, une approche alternative à l'aide de la réponse précédente et serait:

    $("#button").click(function(){
    var index = $("#accordion").accordion('option','active');
    var total = $("#accordion").children('div').length;
    index++;

    //include restart same as previous answer     
    if (index >= total) {
        index = 0;
    }

    $("#accordion").accordion("option", "active", index);

}

    OriginalL'auteur Crazy Dino