UL LI菜單處理

Question

我想知道如何處理此菜單：

<ul class= "nav">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3
<ul class="submenu">
<li>Sub Item 2</li>
<li>Sub Item 3</li>
</ul>
</li>
</ul>

我想做的是，當用戶單擊導航類的li時，我要檢查所單擊的li是否具有子菜單或不具有某些CSS類的子菜單。

有人可以使用jquery在這個方向上協助我嗎？

Answer 1

使用CSS隱藏項目：

.nav li > ul {
  display: none;
}

和JS：

$('.nav > li').on('click', function(){
  $('.nav li ul').hide();
  $(this).find('ul').show();
});