<script type="text/javascript">
$(document).ready(function() {

 $("#menu li ul").hide(); 

 $("#menu li").toggle(
 function () {
 $(this).children("ul").show();
 },function(){
 $(this).children("ul").hide();
 });

});
</script>

<ul id="menu">
 <li>aa
 <ul>
 <li><a href="/">aa2</a></li>
 <li><a href="/">aa3</a></li>
 </ul>
 </li>
 <li>bb
 <ul>
 <li><a href="/">bb2</a></li>
 <li><a href="/">bb3</a></li>
 </ul>
 </li>
</ul>