ツリーメニューがあります。<li>
このメニューの最後の要素には<a>
要素が含まれています。
jQuerytoggle()
メソッドを使用しています。
toggle()
デフォルトでが含まれていることは知っていe.preventDefault()
ます。
私がやりたいのは、クリックイベントを<a>
要素に戻すことです。
助けていただけますか?
HTML:
<ul class="menu">
<li>
Item1
<ul style="display: none">
<li>
subItem1
<ul style="display: none">
<li>
<a href="http://www.google.com">Google</a>
</li>
<li>
<a href="http://www.yahoo.com">Yahoo</a>
</li>
<li>
<a href="http://www.facebook.com">Facebook</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
Javascript:
$(".menu li").toggle(
function() {
$(this).children().slideDown();
},
function() {
$(this).children().slideUp();
}
);