[英]how create simple side menu with jquery?
我在侧面位置有菜单,代码是:
<ul>
<li>
<span class="arz">
first menu
</span>
<ul id="arz">
<li>
first submenu
</li>
<li>
second submenu
</li>
<li>
third submenu
</li>
</ul>
</li>
<li class="words">
two menu
<ul id="words">
<li>
first submenu
</li>
<li>
second submenu
</li>
</ul>
</li>
和jQuery的代码是:
$(document).ready(function(){
$(".submenu").click(function(){
$(this).children(this).slideToggle("slow");
});
});
但是我想通过id="arz" using
slideToggle单击id="arz" using
第一个菜单 ul
元素,
this code do it but when i click on every submenu item corresponding ul use,
this code do it but when i click on every submenu item corresponding ul use,
slideToggle`。 通过谢谢
this code do it but when i click on every submenu item corresponding ul use
aya
在您的jquery代码中,您引用了html中不存在的类。 这就是为什么它不起作用。 如您在此jsFiddle示例中所见,这里有一些稍作修改的方法
的HTML
<style>
ul.submenu{display:none;background:#ccc;}
</style>
<ul class="menu">
<li class="arz">
<span>first menu</span>
<ul id="arz" class="submenu">
<li>
first submenu
</li>
<li>
first submenu
</li>
<li>
first submenu
</li>
</ul>
</li>
<li class="words">
<span>second menu</span>
<ul id="words" class="submenu">
<li>
second submenu
</li>
<li>
second submenu
</li>
<li>
second submenu
</li>
</ul>
</li>
</ul>
jQuery的
$(function(){
$('ul.menu li').click(function(){
$(this).find('ul.submenu').slideToggle('slow')
})
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.