Question

请看这个小提琴http://jsfiddle.net/rabelais/L33WB/

  $('#tab a').click(function() {
  $('#menu').slideToggle("slow")
  $('#tab').hide()
  });
  $('#tab-inner a').click(function() {
  $('#menu').slideToggle("slow")
  $('#tab').show()
  });

我希望菜单标签能够使用隐藏的链接顺畅地向下滑动。怎么能实现这一目标？我应该为外部菜单选项卡的边距顶部设置动画并删除内部菜单选项卡吗？

Answer 1

无需多个菜单按钮，请参阅updated fiddle。您只需要这个javascript代码，navi将向下滑动菜单Button：

$('#tab a').click(function() {
      $('#menu').find('nav').slideToggle("slow");
});

Answer 2

隐藏nav - 然后slideToggle

看看：http://jsfiddle.net/L33WB/2/

你不需要2个按钮

如何垂直设置菜单选项卡的动画？

2 个答案: