Question

我的slideToggle在幻灯片过渡的底部有点跳跃。可能是因为那里有一个按钮或什么的。任何使它更顺畅的方法。尝试使用缓和但不是很成功。任何建议

点击视频设置自行查看 The site

$(document).ready(function() {
  $('.drop').click(function() {
    $(this).parent().next('li.drop_down').slideToggle();
    return false;
  });
});

Answer 1

给你的li.drop_down固定宽度。这应该清除它。我不记得确切的原因，但我只是在你的网站上进行了测试，它确实有效。

现在计算出的宽度为217px，所以试试吧。

.drop_down {
    width: 217px;
}

编辑：您看起来还有.drop_down2和.drop_down3（也许更多）。你需要为那些做同样的事情。我建议为每个人分配一个公共课。

Answer 2

尝试在为其设置动画之前存储每个项目的高度，然后在开始隐藏动画之前将该高度重新应用于该元素。

Answer 3

固定宽度对我来说不起作用，但是为动画元素添加了一个clearfix类，因为我内部有一些浮动元素。