用jquery写一个二级导航

好的，下面是一个简单的二级导航的 jQuery 实现：

HTML 代码：

<ul class="nav">
  <li><a href="#">菜单1</a>
    <ul>
      <li><a href="#">子菜单1</a></li>
      <li><a href="#">子菜单2</a></li>
      <li><a href="#">子菜单3</a></li>
    </ul>
  </li>
  <li><a href="#">菜单2</a>
    <ul>
      <li><a href="#">子菜单1</a></li>
      <li><a href="#">子菜单2</a></li>
    </ul>
  </li>
  <li><a href="#">菜单3</a></li>
</ul>

jQuery 代码：

$(document).ready(function() {
  // 隐藏所有子菜单
  $('.nav ul').hide();

  // 鼠标悬停在菜单上时显示子菜单
  $('.nav li').hover(function() {
    $('ul', this).stop().slideToggle(200);
  });
});

CSS 代码：

.nav li {
  position: relative;
}

.nav ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}

.nav ul ul {
  top: 0;
  left: 100%;
}

以上代码实现了一个简单的二级导航，当鼠标悬停在主菜单上时，显示其下的子菜单。注意要在 CSS 中设置子菜单的位置和 z-index，以免被主菜单遮挡。