slideToggle 展开得太远/跳回来

Question

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

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

Answer 1

你的

<nav id="site-navigation">

似乎有一个不必要的

display: table

。尝试将其删除，一切都会正常工作。

表格不适合使用 jQuery 进行动画处理，您可以在此处阅读更多信息：https://stackoverflow.com/a/920480/1446845

Answer 2

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

我不知道为什么，也许FF的自动高度有问题