Question

怎么只用Jquery实现菜单的收缩，点一下把子菜单隐藏，再点一下把子菜单展开，就像QQ好友分类那样，3Q！

<div class="main">
<div class="left">
<div class="toptit"><img src="images/icon01.gif" width="63" height="54" />系统管理</div>
<div class="list">
<ul>
<li class="nav01"><a href="#">按钮名称</a></li>
<li class="li01">
<ul>
<li><a href="#">按钮名称</a></li>
<li><a href="#">按钮名称</a></li>
<li><a href="#">按钮名称</a></li>
<li><a href="#">按钮名称</a></li>
</ul>
</li>
</ul>
</div>

Answer 1

点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1,子ID1_1_1...），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。

Answer 2

<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".nav01").toggle(
function(){
$(".li01").children('ul').hide();
},
function(){
$(".li01").children('ul').show();
}
);
});
</script>
和你上面的代码一起联调没有问题，希望对你有所帮助！