[英]jQuery toggle dropdown menu
Im making some dropdown menu with jQuery effect, now im need litle help for creating one more submenu (in dropdownmenu). 我用jQuery效果制作了一些下拉菜单,现在我需要一点帮助来创建另一个子菜单(在dropdownmenu中)。
HTML: HTML:
<ul id="nav">
<li><a href="#">Homepage</a>
<ul>
<li><a href="#">Sumbenu</a></li> // i want to add one more submenu, in this submenu
<li><a href="#">Submenu</a></li>
<li><a href="#">submenu</a></li>
<li><a href="#">submenu</a></li>
</ul>
</ul>
jQuery jQuery的
$(document).ready(function(){
$('li').hover(function(){
$(this).find('ul>li').stop().slideToggle(400);
});
});
An extremely simple example: 一个非常简单的例子:
HTML: HTML:
<ul id="nav">
<li><a href="#">Homepage</a>
<ul>
<li><a href="#">Submenu</a>
<ul>
<li><a href="#">Sub-Submenu</a></li>
<li><a href="#">Sub-Submenu</a></li>
<li><a href="#">Sub-Submenu</a></li>
</ul>
</li>
<li><a href="#">Submenu</a></li>
<li><a href="#">submenu</a>
<ul>
<li><a href="#">Sub-Submenu</a></li>
<li><a href="#">Sub-Submenu</a></li>
<li><a href="#">Sub-Submenu</a></li>
</ul>
</li>
<li><a href="#">submenu</a></li>
</ul>
</li>
</ul>
CSS: CSS:
ul{
width: 100px;
position: absolute;
left: 100px;
top: 0;
}
#nav{
left: 0;
}
li ul{
display: none;
}
jQuery: jQuery的:
$('li').hover(function(){
$(this).children('ul').stop().slideToggle(400);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.