Simple accordion

<dl class="accordion">
	<dt>This is a example title</dt>
	<dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</dd>
	
	<dt>This is a example title</dt>
	<dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</dd>
	
	<dt>This is a example title</dt>
	<dd>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</dd>
</dl>
/*

	NO CSS NEEDED

	THIS IS ONLY FOR THE DESIGNERS EYE

*/

dl{
	width: 100%;
	max-width: 768px;
	margin: 70px auto;
	border-bottom: 1px solid #ccc;
	dt{
		border-top: 1px solid #ccc;
		padding: 15px 0;
		cursor: pointer;
		font-size: 18px;
		font-weight: 600;
	}
	dd{
		padding: 15px 0;
		margin: 0;
		font-size: 14px;
		line-height: 1.8;
	}
}
var accords = jQuery('.accordion > dd'),
	 accordsheading = jQuery('.accordion > dt');

accords.hide();

jQuery('.accordion > dt').click(function()
{
	if( jQuery(this).hasClass('active') )
	{
		accords.slideUp();
		accordsheading.removeClass('active');
	}
	else
	{
		accordsheading.removeClass('active');
		accords.slideUp();
		jQuery(this).next().slideDown();
		jQuery(this).addClass('active');
	}
	
	return false;
});