Vertical accordion

This is how to make vertical accordion.

$(function(){
	$('#vAcc dt').next().hide();
		$('#vAcc dt').click(function(){
			$(this).next().toggleClass('open');
			if($(this).next().hasClass('open')===true){
				$(this).next().fadeIn('ease');
			}
			else if($(this).next().hasClass('open')===false){
				$(this).next().fadeOut('ease');
			}
		});
	});
<dl id="vAcc">
<dt>ttl01</dt>
				<dd>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</dd>
<dt>ttl02</dt>
				<dd>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</dd>
<dt>ttl03</dt>
				<dd>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest</dd>
</dl>
dt,dd{
	height: 45px;
	float: left;
}
dt{
	background: #666;
}
dd{
	width: 500px;
	height: 45px;
}

jQuery

Posted by Nanashi