用jquery+html写一个简单的二级导航不要用css

好的，以下是使用 jQuery 和 HTML 实现一个简单的二级导航：

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="#">子菜单4</a></li>
      <li><a href="#">子菜单5</a></li>
    </ul>
  </li>
  <li><a href="#">菜单3</a></li>
</ul>

jQuery 代码：

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

  // 当鼠标经过菜单项时，显示对应的子菜单
  $('.nav > li').hover(function() {
    $('ul', this).stop().slideDown();
  }, function() {
    $('ul', this).stop().slideUp();
  });
});

效果就是当鼠标经过菜单项时，对应的子菜单就会以滑动的动画显示出来，当鼠标离开菜单项时，子菜单又会以滑动的动画隐藏起来。