jquery问题...ul列表有三层关系.显示每个层里的元素...其他自动隐藏...求高手...

发布网友发布时间：2022-08-20 11:20

共2个回答

热心网友时间：2023-11-04 09:29

不知道你说的三层关系究竟怎样，提供一个3个li的切换显示示例，主要函数：siblings()。自己加个jQ库。
<ul>
<li><div style="background-color:blue;width:300px;height:300px;display:block;border:1px solid #ABC"></div></li>
<li><div style="background-color:green;width:300px;height:300px;display:block;border:1px solid #ABC"></div></li>
<li><div style="background-color:red;width:300px;height:300px;display:block;border:1px solid #ABC"></div></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$("li").click(function(){
$(this).show().siblings().hide();
setTimeout('$("li").eq(' + (i++%3) + ').click()',1000);
});
var i = 0;
$("li").hide();
setTimeout('$("li").eq(' + (i++%3) + ').click()',1000);
});
</script>

热心网友时间：2023-11-04 09:30

哪些隐藏？哪些显示？说得太含糊啦~
是ul里面有三个li？显示一个隐藏一个？
可以给个参考，核心代码：
$("ul li").hide();
$("ul li.selected").show();//selected是要显示的li的class追问

类似这个图片.一个深灰是一级菜单..点开来浅灰是二级菜单.白色是*菜单...我的意思是（二级*）点哪个菜单显示哪个...其他展开的自动收起来.例如我点.上面俩个二级菜单不要同时展开...下面*菜单也不同时展开....谢谢啦...

追答$("ul li").click(function(){
$( "li",$(this).siblings()).hide();
$("li",this).show();

})
这个实现的效果是点击li显示该li下的li，同时隐藏同级的所有li中的ul下的li，其实很简单的，把层次理清楚了就能写了