单击Jquery打开子菜单，并且仍然可以单击子菜单li链接。

<ul>
  <li id="menu1">菜单1</li>
  <li id="menu2">菜单2</li>
  <li id="menu3">菜单3</li>
</ul>

li {
  cursor: pointer;
}

.submenu {
  display: none;
}

.open {
  display: block;
}

$(document).ready(function() {
  $('li').click(function() {
    var submenu = $(this).find('.submenu');
    if (submenu.length > 0) {
      submenu.toggleClass('open');
    }
  });
});

<ul>
  <li id="menu1">菜单1</li>
  <li id="menu2">
    菜单2
    <ul class="submenu">
      <li><a href="submenu1.html">子菜单1</a></li>
      <li><a href="submenu2.html">子菜单2</a></li>
    </ul>
  </li>
  <li id="menu3">菜单3</li>
</ul>