dpAccordion Demo 1

This is a basic accordion using default element selectors, no options, and no skin.

by dustinpoissant

HTML

<script src="http://code.dp-ui.com/dpAccordion-2.x.js"></script>
<link rel="stylesheet" href="http://code.dp-ui.com/skins/dpAccordion-2.x-skin-grey.css">
<div class="accordion">
	<div data-role="section">
		<h3 data-role="title">Section 1 Title</h3>
		<p data-role="content">Section 1 Content</p>
	</div>
	<div data-role="section">
		<h3 data-role="title">Section 2 Title</h3>
		<p data-role="content">Section 2 Content</p>
	</div>
</div>

JavaScript

dpUI.accordion(".accordion");