Draws

Draws

Ensemble draws is a very simple plugin that lets you hide content under a header bar, It is similar in function to an accordion but is just one standalone draw.

Draw

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque dui, eleifend nec nulla eget, ornare tincidunt elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam placerat nunc in sagittis rhoncus. In vestibulum mollis libero, vitae faucibus odio iaculis vitae. Pellentesque a tempus nulla. Maecenas pharetra odio eget suscipit sodales. Mauris gravida, enim et rhoncus luctus, lacus felis vulputate velit, ut convallis nisi purus gravida risus.

HTML Structure

The draws plugin has a very simple HTML structure comprising of an outer wrapper with the class draw a header with the class draw__header and a div for the content draw__content.


<div class="draw">
	<header class="draw__header">Draw</header>
	<div class="draw__content">
		<p>
			Draw content
		</p>
	</div>
</div>

Javascript

The ensemble draws plugin is initiated by calling the draws plugin in the js directory under the heading Draws.


$('.draw').ensembleDraws();