jquery 二级菜单

你可以使用 jQuery 来创建二级菜单。下面是一个简单的示例代码：

HTML:

<ul class="menu">
  <li><a href="#">菜单1</a></li>
  <li class="has-submenu">
    <a href="#">菜单2</a>
    <ul class="submenu">
      <li><a href="#">子菜单1</a></li>
      <li><a href="#">子菜单2</a></li>
      <li><a href="#">子菜单3</a></li>
    </ul>
  </li>
  <li><a href="#">菜单3</a></li>
</ul>

CSS:

.submenu {
  display: none;
}

jQuery:

$(document).ready(function() {
  $('.has-submenu').hover(
    function() {
      $(this).find('.submenu').slideDown();
    },
    function() {
      $(this).find('.submenu').slideUp();
    }
  );
});

在这个示例中，我们首先使用 CSS 将子菜单隐藏起来。然后，使用 jQuery 的 `hover()` 方法来监听鼠标悬停事件。当鼠标悬停在带有 `.has-submenu` 类的菜单项上时，使用 `slideDown()` 方法展开子菜单；当鼠标离开时，使用 `slideUp()` 方法收起子菜单。

请注意，这只是一个基本的示例，你可以根据自己的需求进行样式和交互的定制。