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>
这么简单的代码琢磨一天,慢慢积累吧