![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
jquery左侧导航展开收起,单击时只能显示一个菜单,其他的都隐藏起来。
<scripttype="text/javascript">$(function(){$("#mymenudd").hide();$("#mymenudt").each(...
<script type="text/javascript">
$(function(){
$("#mymenu dd").hide();
$("#mymenu dt").each(function(){
var dt = $(this);
var objList =new Array();
var tmpDD = dt.next();
while(tmpDD.attr("tagName")!=null && tmpDD.attr("tagName")!="DT")
{objList.push(tmpDD);
tmpDD = tmpDD.next(); }
dt.toggle(
function(){
$(this).parent().children('dd').hide();
$(objList).each(function(){
$(this).show();
});
},
function(){
$(this).parent().children('dd').show();
$(objList).each(function(){
$(this).hide();
});
});
});
})
</script>
<div id="mymenu">
<dl>
<dt><a href="#">点击我</a></dt>
<dd class="aaa"><a href="#">用户查询</a></dd>
<dd class="aaa"><a href="#">添加用户</a></dd>
<dd class="aaa"><a href="#">用户组</a></dd>
<dt><a href="#">点击我</a></dt>
<dd class="aaa"><a href="#">课程列表</a></dd>
<dd class="aaa"><a href="#">添加课程</a></dd>
</dl>
</div>
这是页面代码,帮我看下到底哪里出错了? 展开
$(function(){
$("#mymenu dd").hide();
$("#mymenu dt").each(function(){
var dt = $(this);
var objList =new Array();
var tmpDD = dt.next();
while(tmpDD.attr("tagName")!=null && tmpDD.attr("tagName")!="DT")
{objList.push(tmpDD);
tmpDD = tmpDD.next(); }
dt.toggle(
function(){
$(this).parent().children('dd').hide();
$(objList).each(function(){
$(this).show();
});
},
function(){
$(this).parent().children('dd').show();
$(objList).each(function(){
$(this).hide();
});
});
});
})
</script>
<div id="mymenu">
<dl>
<dt><a href="#">点击我</a></dt>
<dd class="aaa"><a href="#">用户查询</a></dd>
<dd class="aaa"><a href="#">添加用户</a></dd>
<dd class="aaa"><a href="#">用户组</a></dd>
<dt><a href="#">点击我</a></dt>
<dd class="aaa"><a href="#">课程列表</a></dd>
<dd class="aaa"><a href="#">添加课程</a></dd>
</dl>
</div>
这是页面代码,帮我看下到底哪里出错了? 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询