javascript - slideToggle 扩展太远/跳回

Question

如果您单击徽标下的“服务”链接，菜单将扩展得有点过远，然后快速闪烁，它会缩回到所需的高度。有什么办法可以治愈这个bug？

$(document).ready(function() {
  $("li#service-toggle-link").click(function () {
    $(".toggle-content").slideToggle("slow");
  });
});

http://coreytegeler.com/lavoie/

Answer 1

当您设置 div.toggle-content 的高度（例如 176px）时，它在 FF 中工作正常

我不知道为什么，也许 FF 的 autoheight 有一些问题

Answer 2

您<nav id="site-navigation">似乎有一个不必要的display: table. 尝试删除它，一切都应该正常。

表格并不打算使用 jQuery 进行动画处理，您可以在此处阅读更多内容：https ://stackoverflow.com/a/920480/1446845