带有CSS边框的jQuery滑动导致奇怪的“跳转”

Question

我有大量的li，我使用jQuery和animate()函数将它们推上来。使用slideUp()和slideDown()可以得到相同的效果，我现在将描述：li的滑动起来很好，但当它们的高度为0时，边界(顶部和底部，1px)仍然存在，然后突然消失。我想知道..。在jQuery中有没有一种方法可以让边框不被“捕捉”掉，而是像li或div之类的其他东西一样平滑地上下滑动。

我现在的代码是这样的：

.animate({
    height: 'toggle',
    margin: 'toggle',
    padding: 'toggle',
    opacity: 'toggle'
});

我尝试在'toggle'中使用border CSS属性。它可以很好地向上滑动，但当向下滑动时，边界会在缓动动画结束时重新出现。

Answer 1

我知道你在说什么。我以前也这么做过，也遇到过同样的问题。解决办法是在边框div中设置包含div的动画。效果是一样的。

例如..。

<!--- Flakey --->
<div class="border slideMe">
   Content here...
</div>

<!--- Correct --->
<div class="border">
   <div class="slideMe">
      Content here...
   </div>
</div>

希望这不会让你头疼。