怎么只用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>
$(function(){
$("#a").click(function(){
$('#b').toggle();
});
});
$("#a").click(function(){
$('#b').toggle();
});
});
温馨提示：内容为网友见解，仅供参考
第1个回答 2010-10-12
<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>
<script type="text/javascript">
$(document).ready(function(){
$(".nav01").toggle(
function(){
$(".li01").children('ul').hide();
},
function(){
$(".li01").children('ul').show();
}
);
});
</script>
怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单...
点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。如果想像你这样实现，最好在每一个ul和li加上ID（这个ID必须是有规律的，比如父ID为1_1,子ID1_1_1...），用链接的点击事件根据ID获取父菜单和子菜单实现改变ul、li的display样式就可以实现展开或隐藏。
怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单...
(function(){ ("#a").click(function(){ ('#b').toggle();});});
相似回答
