Como logro hacer el efecto acordeon con esta estructura?

[usuaria]

Como puedo hacer el efecto acordeon con esta estrucutra? Grx!

Código:

		
<div>
	<ul>
	<li><a  href="">Header 1</a>
		<ul>
		<li><a href="#">- SubItem1</a></li>
		<li><a href="#">- SubItem2</a></li>
		<li><a href="#">- SubItem3</a></li>
		<li ><a href="#">- SubItem4</a></li>
		</ul> 
	</li>
                 <li><a  href="">Header 2</a>
		<ul>
		<li><a href="#">- SubItem1</a></li>
		<li><a href="#">- SubItem2</a></li>
		<li><a href="#">- SubItem3</a></li>
		<li ><a href="#">- SubItem4</a></li>
		</ul> 
	</li>
                <li><a  href="">Header 3</a>
		<ul>
		<li><a href="#">- SubItem1</a></li>
		<li><a href="#">- SubItem2</a></li>
		<li><a href="#">- SubItem3</a></li>
		<li ><a href="#">- SubItem4</a></li>
		</ul> 
	</li>
								</ul>
</div>

[Panino5001]

Esa estructura tiene el mismo sentido semántico que el de una lista de definición. Por lo tanto, podrías usar algo como esto:
http://sandbox.leigeber.com/accordion/index.html