Saltar al contenido

Hacer acordeón cerrado por defecto en Bootstrap

Es fundamental comprender el código bien previamente a adaptarlo a tu proyecto si tdeseas aportar algo puedes dejarlo en la sección de comentarios.

Solución:

Esta línea aquí parece ser la culpable:

si te deshaces de in en la clase, debería funcionar como lo tienes estructurado. Eche un vistazo a este ejemplo para ver la diferencia entre los dos paneles:





Observe que el primer panel no tiene el class=collapsed en sus etiqueta, y tiene la in clase en ella

etiqueta, y comienza ABIERTO. El segundo panel los cambia y comienza CERRADO.

EDITAR

No se puede hacer un Bootply, sigue recibiendo "Error de aplicación".

Recientemente estuve trabajando con Bootstrap 4 y en realidad no pude averiguar dónde estaba el nombre de la clase "en" (se menciona en varias respuestas en preguntas similares).

Después de mucha búsqueda, noté la documentación actualizada que dice:

El complemento de colapso utiliza algunas clases para manejar el trabajo pesado:

.collapse oculta el contenido

.collapse.show muestra el contenido

.collapsing se agrega cuando comienza la transición y se elimina cuando finaliza

Así que el código de ejemplo se parece a esto ahora:

  
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

De lo cual, esto es un poco importante:

Al eliminar el nombre de la clase "mostrar", se asegura de que el acordeón de Bootstrap permanezca colapsado de forma predeterminada.

¡Espero que esto ayude!

Aquí tienes las comentarios y calificaciones

Si guardas alguna indecisión y disposición de avanzar nuestro enunciado eres capaz de realizar una interpretación y con placer lo ojearemos.

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



Utiliza Nuestro Buscador

Deja una respuesta

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