Accordion

Collection of predefined components to use on your siteBuild your custom pages with ease

First panel
Vivamus ac est laoreet ipsum pellentesque dapibus eget at dui. Nullam congue eget enim volutpat condimentum. Aliquam congue justo ac nibh blandit ornare. Ut vulputate venenatis ante id cursus. Sed velit dui, euismod eu mollis vel, eleifend nec dui. Praesent aliquet nec leo ut suscipit.
Second panel
Suspendisse mollis venenatis felis, vel interdum purus dapibus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut posuere pretium tellus eu pulvinar. Pellentesque condimentum tellus et lorem iaculis molestie. Integer id feugiat lectus.
Third panel
Nulla et aliquam elit. Nam porta erat non est aliquam, in condimentum lacus pharetra. Mauris eget dolor neque. Sed vulputate nulla leo, a dictum lorem placerat non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam tincidunt bibendum est nec dapibus.
Hide code Show code
<!-- Content -->
<div class="template-accordion template-accordion-style-1 template-clear-fix">
	<h5>First panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- First panel content -->
		</div>
	</div>
	<h5>Second panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- Second panel content -->
		</div>
	</div>
	<h5>Third panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- Third panel content -->
		</div>
	</div>
</div>

<!-- Footer -->
<div class="template-accordion template-accordion-style-2 template-clear-fix">
	<h5>First panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- First panel content -->
		</div>
	</div>
	<h5>Second panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- Second panel content -->
		</div>
	</div>
	<h5>Third panel<span></span></h5>
	<div class="template-clear-fix">
		<div>
			<!-- Third panel content -->
		</div>
	</div>
</div>