怎么只用Jquery实现菜单的收缩,点一下把子菜单隐藏,再点一下把子菜单展开,就像QQ好友分类那样,3Q! 5
<divclass="main"><divclass="left"><divclass="toptit"><imgsrc="images/icon01.gif"width...
<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 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> 展开
展开全部
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询