El uso de elementos con comportamiento de acordeón es un recurso que no podíamos dejar fuera, y tendrás todas las ventajas de administrar tu información con estos elementos.

Ekiline incorpora las 2 variables de acordeones facilitadas por Bootstrap:

 

Acordeón con un botón

[.singlecollapse.][./singlecollapse.]

Este shortcode de tipo envolvente creará un botón el cual al dar clic desplegará la información oculta.
Similar al resto de nuestros shortcodes, deberás asignar un título desde el atributo title=“” y una clase opcional si necesitas personalizar el diseño CSS del contenido.

 

[.singlecollapse title=“Este es el título del botón” class="mi-clase-opcional”.]

Contenido oculto

[./singlecollapse.]

 


 

Grupo de objetos en acordeón

Para crear un grupo necesitaras utilizar 2 shortcodes envolventes, similar a los Tab o pestañas.

 

[.modulegroupcollapse.][./modulegroupcollapse.]

Este shortcode de tipo envolvente creará el módulo que contendrá tu grupo de objetos colapsables.

Puedes personalizar el módulo con una clase css=“” o asignarle un identificador exclusivo con id=“”

[.collpasecontent.][./collpasecontent.]

Este shortocde será el encargado de crear el título de tu elemento y que al dar clic muestra el contenido.

Debes asignarle un titulo con title=“”
Y puedes añadir una clase css con el atributo class=“”

 

Ejemplo de código:

[.modulegroupcollapse class="mi-clase-opcional” id="migrupo”.]

[.collpasecontent title="Título de mi contenido uno”.]

mi contenido uno

[./collpasecontent.]

[.collpasecontent title="Título de mi contenido dos”.]

mi contenido dos

[./collpasecontent.]

[./modulegroupcollapse.]