<a href="#"></a>
をクリックすると、私のサブメニューを表示/非表示したいと思います。ここ はコードの例です:ul li onclick jquery
<ul>
<li><a href="www.example.com">Test</a></li>
<li><a href="www.example.com">Test</a></li>
<li class="submenu">
<a href="#">Test 2</a>
<ul class="ul_submenu">
<li><a href="www.example.com">Test</a></li>
<li><a href="www.example.com">Test</a></li>
<li class="submenu_2">
<a href="#">Test 3</a>
<ul class="ul_submenu_2">
<li><a href="www.example.com">Test</a></li>
</ul>
</li>
</ul>
</li>
</ul>
$('li.submenu a[href="#"]').click(function(e) {
e.preventDefault();
$("ul.ul_submenu").css("display","block");
}, function() {
$("ul.ul_submenu").css("display","none");
});
あなたはJSFiddleを見つけることができます。
子要素がある場合はタグをクリックし、liの表示を変更する必要があります。しかし、ユーザーが次のようなタグをクリックしたときにページのリロードをキャンセルする必要があります。<a href="#"></a>
あなたはこれが必要ですか? https://jsfiddle.net/atg5m6ym/6177/ –