HTML Navigation zum auf/zuklappen

<dl>
<dt>
<a href="javascript:return false;" class="closed">Auf & zuklappt Navigation</a>
</dt>

<dd style="display: none;">
<a href="#">Navigation 01</a>

<hr />
<a href="#">Navigation 02</a>

<hr />
<a href="#/">Navigation 03</a>

<hr />
<a href="#">Navigation 04</a>
</dd>
</dl>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">
</script><script type="text/javascript">
//<![CDATA[

$(document).ready(function(){
$("dt").click(function(){ // trigger
$(this).next("dd").slideToggle("slow");
$(this).children("a").toggleClass("closed open");
});
});

//]]>
</script>