37. Collapse en Bootstrap 5: Agrega secciones de contenido colapsables

Los elementos colapsables son una herramienta útil para mostrar y ocultar información adicional en un sitio web. En este tema se explicará cómo utilizar las clases de collapse de Bootstrap 5 para crear elementos colapsables personalizados.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Jose

    Jose hace 5 meses

        <div class="container py-4">

            <button class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#collapse1"> <!--con data-bs-toogle le indicamos que el boton hara referencia acollapse con js y data-bs-target le indicamos el id del contenido a mostrar -->

                Mostrar/ocultar

            </button>

            <a href="#collapse1" class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#collapse1"> Enlace</a>

            <div id="collapse1" class="collapse mt-2 card card-body">

                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi a quo vero reiciendis consequuntur earum nostrum dolorum praesentium, cupiditate minus expedita vitae iure sequi molestias facere! Neque eaque porro quibusdam!</p>

            </div>

        </div>

    Hola Estimado consulta tengo así mi seccion pero me abre solamente y al cerrar cierra y abre nuevamente no me funciona

    • Victor Arana Flores hace 5 meses

      Hola Jose. El soporte brindado por aqui solo incluye aclaración de conceptos mas no analisis de codigo. Te sugiero dejar tu codigo en foros de programación, incluso en el grupo de facebook de Coders Free