Panel Colapsable

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent felis orci, rhoncus id pulvinar nec, varius ut mi. Ut sed lorem id arcu sagittis iaculis vitae sed augue. Proin quis tellus ac risus aliquet blandit. Cras eleifend venenatis orci a faucibus. Nulla sed egestas nisi. Etiam et placerat eros, ac eleifend risus. Maecenas vel ligula fringilla, placerat erat consequat, vulputate turpis. Quisque sit amet vestibulum felis, eu fringilla enim. Aliquam vehicula ex id blandit tincidunt. Nullam in lacus tempus, tristique risus vel, tristique turpis. Pellentesque ac nisl et nisi vehicula porttitor non vitae dui. Suspendisse sit amet urna eget lectus venenatis interdum. Duis sollicitudin ultrices arcu nec feugiat. Mauris at placerat massa, vitae sodales sem. Aliquam malesuada nibh nec massa posuere ultrices. Praesent eu pulvinar lorem. Pellentesque sed aliquet dolor, vitae maximus eros. Etiam dignissim mattis sapien vel aliquet. Donec ligula velit, tempus id purus quis, faucibus imperdiet tellus. Donec facilisis vel enim vel vestibulum. Proin nec magna pretium magna tincidunt accumsan vitae in orci. Maecenas facilisis, justo at elementum molestie, metus elit molestie nunc, ac imperdiet dui lorem vel nulla. Donec rutrum dignissim tincidunt. Pellentesque arcu neque, rutrum eget semper eget, sollicitudin in ante. Nulla in nibh condimentum, lobortis lacus id, aliquet neque. Nunc sollicitudin dolor dolor, sit amet laoreet enim tincidunt non. Curabitur egestas iaculis finibus. Nam aliquet turpis risus, ac interdum ante dignissim ut. Phasellus vestibulum ornare consectetur. Aliquam imperdiet orci sit amet sem volutpat, vel bibendum tortor luctus. In volutpat risus non purus tempor pellentesque. Cras sodales sapien eu volutpat facilisis. Aenean accumsan vehicula dolor id hendrerit. Fusce rutrum lectus hendrerit massa sollicitudin, eu bibendum magna varius. Phasellus mauris urna, commodo nec enim vitae, tristique suscipit metus. Sed facilisis augue eget sem mollis vulputate. Vestibulum ultrices dolor efficitur lacus vulputate tincidunt. Suspendisse eget orci erat. Morbi at metus nec ante placerat venenatis. Maecenas egestas elit vitae tincidunt ullamcorper. Pellentesque nisi mauris, tristique sed felis ac, varius volutpat nulla. Donec enim ex, suscipit eu venenatis at, imperdiet ut turpis. Sed imperdiet nibh libero, a pulvinar elit hendrerit a. Suspendisse tincidunt urna sem, et pulvinar lorem consequat vel. Suspendisse mattis sapien ac elit ornare, et congue dolor dignissim. Sed sed massa eget sem gravida fermentum. Curabitur molestie vel mauris sed rutrum. Phasellus ut porta tellus, ut mollis nisl. Nunc bibendum sollicitudin urna, eu interdum diam maximus ac. Vestibulum at ultrices dui. Vivamus pretium elit quis hendrerit consequat. Sed tristique lectus sit amet odio dictum consectetur. Sed nec tortor aliquet, sollicitudin turpis vel, semper dui. Proin et urna venenatis, ultrices massa quis, gravida nibh. Donec id laoreet arcu. Etiam at ultrices tellus. Sed elementum sapien nec quam luctus suscipit non ac elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Vestibulum a ligula purus. Curabitur auctor consectetur eros a lacinia. Nulla auctor finibus quam id dapibus. Nullam posuere arcu sed lectus ullamcorper sollicitudin. Fusce aliquam, massa a dapibus faucibus, sem diam mattis est, ut gravida quam erat et turpis. Cras eget posuere purus. Vestibulum at mi in nisl tincidunt dictum. Mauris sed mauris elementum, egestas dolor vel, semper odio.

Ejemplo:

	
<sede:component fragment="/fragmentos/componentes/collapse" type="info" title="Colapsable">
	<p>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</p>
</sede:component>

Atributo Descripción Valor por defecto
id ID - ID del colapsable, por defecto recibe un valor aleatorio, por lo que esta opción permitiría manipular el colapsable con elementos externos #strings.randomAlphanumeric(10)
clase Clase HTML - Controlador general del contenedor 'full-width'
title String - Título del panel ' '
type Clase Bootstrap - Tipo de valor contextual 'default'
panelClass Clase HTML - Clase que se aplicará al panel ' '
parent ID - ID del contendor del grupo de colapsables para poder hacer un acordión ' '
open Booleano - Determinar si debe estar abierto o cerrado por defecto 'false'
include URL - Permite la inserción de algun otro fragmento dentro del panel, resulta útil con contenido extenso ' '

El contenido dentro de las etiquetas <sede:component> se verá reflejado como el contenido del panel

Juntando varios colapsables bajo un elemento panel-group se puede hacer un acordión definiendo el atributo parent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
	
<div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
	<sede:component fragment="/fragmentos/componentes/collapse" parent="accordion2" clase="margin-b05em" title="Colapsable" open="true">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
	</sede:component>
	<sede:component fragment="/fragmentos/componentes/collapse" parent="accordion2" clase="margin-b05em" title="Colapsable" >
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
	</sede:component>
	<sede:component fragment="/fragmentos/componentes/collapse" parent="accordion2" clase="margin-b05em" title="Colapsable" >
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin felis tellus, lacinia sed accumsan non, pretium vel urna.
	</sede:component>
</div>