Efeito “Sanfona” Accordion

<div class="geral">
	<div id="accordion">
	  <h3><a href="#">Seção 1</a></h3>
	  <div>
	  	<p>Lorem ipsum dolor sit amet, potenti libero id a vivamus fusce purus, suspendisse grjoida, ac litora, at id nec semper a. Class non cras nec, nec aenean phasellus sodales eu, vulputate urna ullamcorper quisque. Bibendum magna vitae, vulputate posuere hendrerit commodo consectetuer ac, mi ducimus pellentesque massa turpis purus faucibus. Amet vehicula enim curabitur, vitae ac aliquam justo cum, class amet sed laoreet amet, nec ac ullamco eget cursus curabitur arcu.</p>
	  </div>
	  <h3><a href="#">Seção 2</a></h3>
	  <div>
		<p>Tincidunt vestibulum lectus maecenas, quis consectetur odit do, mauris ac semper metus wisi sollicitudin ligula, proin illum urna mattis lorem donec, velit sodales. Dis ut porta, nam nulla justo, dictum purus, sed magnis eu felis donec nec netus.</p>
	  </div>
	  <h3><a href="#">Seção 3</a></h3>
	  <div>
		<p>Maecenas feugiat. Pellentesque tortor morbi, tellus cursus auctor tellus velit eleifend id, at arcu platea suspendisse facilisi, luctus sed lacinia sed magnis non. Eget ac arcu sit. Sem diam quis duis nulla aliquam nec. Condimentum feugiat at ut egestas quam dictum, amet metus duis ridiculus, dolor lectus non metus, viverra hymenaeos, sed quis sit ipsum placerat natoque.</p>
		<ul>
			<li>Um item listado</li>
			<li>Dois itens listados</li>
			<li>Tres itens listados</li>
		</ul>
	  </div>
	  <h3><a href="#">Seção 4</a></h3>
	  <div>
		<p>Sed et, ut quisque condimentum. Erat eu, amet rhoncus risus luctus in eros lorem, massa quis enim amet, ante pellentesque at praesent. Ridiculus amet, justo tellus tristique habitasse, penatibus massa malesuada porttitor integer. Sit mollis ante id sed libero in, sit diam, massa sed pellentesque vitae amet felis porttitor, eu nostra. Dui etiam lectus ac ac, imperdiet leo diam nec luctus. Lacus enim vulputate varius.</p>
	  </div>
	</div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="../../js/jquery.ui.widget.js" ></script>
<script type="text/javascript" src="../../js/jquery.ui.accordion.js" ></script>
<script type="text/javascript">
	$(function() {
		$("#accordion").accordion({
			collapsible: true
		});
	});
</script>

.geral {width:800px; margin:0 auto;}
p {margin:0; padding:0;}
#accordion h3 {background-color:#ccc; margin:0; padding:0; border:1px solid #999; cursor:pointer; height:25px; padding:5px 0 0 10px;}
#accordion h3 a {color:#333; font-size:14px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}