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