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();
});