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

Posted 2023-05-08

【中文标题】如何垂直动画菜单选项卡？

【英文标题】：How to animate a menu tab vertically?

【发布时间】：2014-06-09 19:46:07

【问题描述】：

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

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

我希望菜单选项卡能够通过隐藏的链接再次顺畅地向下和向上滑动。如何做到这一点？我应该为外部菜单选项卡的边缘顶部设置动画并删除内部菜单选项卡吗？

【问题讨论】：

小提琴链接已更正

【参考方案1】：

不需要多个菜单按钮，请参阅updated fiddle。你只需要这个javascript代码，navi会向下滑动菜单按钮：

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

【参考方案2】：

隐藏nav - 然后滑动切换

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

你不需要 2 个按钮