jquery 3级菜单
我正在尝试制作三级垂直菜单 我有2级,但很难达到3级 这是我的两级垂直菜单 有人能帮我吗 HTML: 你可以用这个jquery 3级菜单,jquery,Jquery,我正在尝试制作三级垂直菜单 我有2级,但很难达到3级 这是我的两级垂直菜单 有人能帮我吗 HTML: 你可以用这个 $('a').on('click', function(evt){ $(this).next().slideToggle(); }); 榜样 您好。@user1833620不客气!:)只要记住在CSS中使用,以在需要时针对直系子对象!干杯 <ul class="menu"> <li> <a href
$('a').on('click', function(evt){
$(this).next().slideToggle();
});
榜样
您好。@user1833620不客气!:)只要记住在CSS中使用
,以在需要时针对直系子对象!干杯
<ul class="menu">
<li>
<a href="#">1 level</a>
<ul class="depth2">
<li><a href="#">2 level</a></li>
<li><a href="#">2 level</a></li>
</ul>
</li>
<li><a href="#">1 level (no 2 level)</a></li>
<li>
<a href="#">1 level</a>
<ul>
<li><a href="#">2 level</a></li>
<li>
<a href="#">2 level (with 3 level)</a>
<ul>
<li><a href="#">3 level</a></li>
<li><a href="#">3 level</a></li>
</ul>
</li>
</ul>
</li>
</ul>
.menu {
width:200px;
padding:0;
}
.menu li {
background:#CCC;
margin:0;
}
.menu li {
display:block;
color:#000;
overflow:hidden;
}
.menu li a {
display:block;
padding:5px 0;
color:#06C;
border-bottom:1px solid #666;
}
.menu li > ul {
display:none;
overflow:hidden;
padding:10;
}
.menu p ul.depth2 li a{
color:#fff;
display:block;
}
$('a').on('click', function(evt){
$(this).next().slideToggle();
});