Este foro ya no está activo, así que no puedes publicar nuevas preguntas ni responder a las preguntas existentes.

Cargar un archivo HTML como contenido de un panel Collapse con Bootstrap 3

10 de diciembre de 2015

Tengo el siguiente panel collapse, y quisiera cargar el contenido del mismo, usando un archivo HTML.

Este es el código HTML:

<div class="panel-footer clearfix">
    <div class="panel-collapse">
        <span class="btn-collapse" data-toggle="collapse" data-target="#box3"></span>
    </div>
</div>
<div id="box3" class="collapse out">Content...</div>

Es decir, dentro de la capa con el id="box3", quiero cargar el contenido, mediante un archivo HTML (el literal "Content..." o lo que sea iría dentro del archivo HTML)

¿Cómo podría hacerlo? ¿usando un atributo data? ¿con la función jquery load()?

Muchas gracias por la ayuda,


Respuestas

#1

Según la API del panel "collapse", no es posible definir su contenido mediante atributos data-*. Por eso creo que la mejor opción sería lo que comentas: cargar dinámicamente el contenido del archivo HTML externo mediante un load() de jQuery.

@javiereguiluz

15 diciembre 2015, 8:52
#2

Muchas gracias, si, lo estoy haciendo con la función load() de jquery y todo ok.

@eladerezador

15 diciembre 2015, 12:19