动态导航栏

html：
<div class="mydiv">
	<a href="#">父级</a>
</div>
<ul class="aaaa" style="display:none;">
	<li><a href="#">子级</a></li>
    <li><a href="#">子级</a></li>
    <li><a href="#">子级</a></li>
</ul>
<div class="mydiv">
	<a href="#">父级</a>
</div>
<ul class="aaaa" style="display:none;">
	<li><a href="#">子级</a></li>
    <li><a href="#">子级</a></li>
    <li><a href="#">子级</a></li>
</ul>

javascript:

<script type="text/javascript">
$(document).ready(function () {
    $(".mydiv").toggle(
	function () {
	    $(this).next("ul.aaaa").show();
	},
	function () {
    $(this).next("ul.aaaa").hide();
}
)
});
</script>

这么简单的代码琢磨一天，慢慢积累吧