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

如题所述

不知道你说的三层关系究竟怎样，提供一个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>追问

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

追答

贴图片对应html上来。

追问

QQ390136310...字太多啦...谢谢 我先给你分.

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/svfpmpf77.html