Saltar al contenido

Bootstrap plegable, muestra el primer elemento

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 .collapsepermanece 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 .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *