Twitter bootstrap Faire le premier panneau de l'accordéon ouvert par défaut

Je suis en utilisant twitter bootstrap pour faire des boutons sur la page. Je veux faire le premier panneau est ouvert sur chaque page. C'est le code que j'ai écrit:

    var accordion_list = $(".prime-content .accordion-body");
    accordion_list.each(function(index, element){
      accordion_list.addClass(index == 0 ? "in" : "");
    });

Cela, cependant, est d'ajouter "dans" la classe de tous les éléments. Ce qui doit être réparé?

utilisez quelque chose comme eq(), find(), premier enfant il permettra de résoudre votre problème, je pense que

OriginalL'auteur Aakash Goel | 2012-08-01

  1. 6

    Vous ajoutez à la classe de l'ensemble de la accordion_list collection d'éléments, mais vous devez l'ajouter à l'itéré élément la place.

    $(".prime-content .accordion-body").each(function(index, element){
  $(element).addClass(index == 0 ? "in" : "");
});

    Si vous ne faites rien d'autre dans la boucle, vous pouvez aussi faire plus court:

    accordion_list.first().addClass("in");
    la première solution est fausse parce que c'est une collection de Élémentshtml! deuxième fonctionné bien. Merci. 🙂
    Oh, vous avez raison, besoin de créer un objet jquery à partir de cet élément html. J'ai corrigé.

    OriginalL'auteur kapex

  2. 3

    Si vous voulez montrer le premier panneau en accordéon:

    $("#accordion").find('.panel-collapse:first').addClass("in");

    OriginalL'auteur Diogo Gomes