El paso a paso o código que encontrarás en este post es la solución más eficiente y efectiva que hallamos a esta duda o dilema.
Solución:
No creo que tenga todo el HTML que necesita para que funcione el acordeón a menos que no lo haya pegado todo arriba.
El primer ejemplo de Bootstrap docs tiene el primer conjunto de elementos para estar abierto:
http://twitter.github.com/bootstrap/javascript.html#collapse (Estos documentos son para v2.3.2, que ya no es oficialmente compatible).
Creo que es la clase “en” la que lo configura para que esté abierto inicialmente.
Anim pariatur cliche...
Anim pariatur cliche...
Actualización para v4:
La clase .show
se puede utilizar en el .collapse
elemento para abrirlo.
Aquí está el mismo ejemplo trabajando con v4: Demo v4 (jsfiddle)
Bootstrap v2
Si agregas el .in
clase a la .collapse
permanece abierto :
Demostración (jsfiddle)
Aquí está la demostración con un marcado simplificado: http://jsfiddle.net/Sherbrow/yYuRz/2/
Necesitas quitar el style="height: 0px;"
desde el .collapse
elemento si desea que se muestre.
También puede activar un clic en el primer elemento colapsado
$("#accordion a:first").trigger("click");
Puntuaciones y comentarios
Recuerda algo, que puedes agregar una reseña .