[英]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.