dropdown accordion 3 level menu

dropdown accordion 3 level menu

Im trying to add a third level to a dropdown vertical menu and this is all
i could found, i cant make the third lvl work, i want the rest of the lvls
hide when i click on the parent
Here is a fiddle that i'm working with: http://jsfiddle.net/65C2Z/
Any help would be appreciated!
<li id="one">
<a href="#one">Level1</a>
<ul class="sub-menu">
<li>
<a href="#">Level2</a>
<ul class="sub-menu">
<li><a href="#one">Level3 </a></li>
<li><a href="#one">Level3</a></li>
<li><a href="#one">Level3 </a></li>
</ul>
</li>
<li><a href="#">Level2</a></li>
<li><a href="#">Level2</a></li>
</ul>
</li>
<li id="two">
<a href="#two">Level1</a>
<ul class="sub-menu">
<li><a href="#">Level2</a></li>
<li><a href="#">Level2</a></li>
<li><a href="#">Level2</a></li>
</ul>
</li>
<li id="three">
<a href="#three">Level1</a>
<ul class="sub-menu">
<li><a href="#">Level2 </a></li>
<li><a href="#">Level2 </a></li>
</ul>
</li>
</ul>