用CSS边框滑动jQuery导致奇怪的'跳'

Question

我有li的加载，我使用jQuery和animate()函数向上滑动。使用slideUp()和slideDown()会产生与我现在描述的效果相同的效果：li s向上滑动很好，但当它们的高度为零时，边框（顶部和底部，1px）仍然存在，然后立刻突然出现。我在想...在jQuery中是否有一种方法可以使边框不会“突然”移开，而是像li或div或其他任何内容一样顺畅地向上/向下滑动。 / p>

我目前的代码是：

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

我尝试将border CSS属性与'toggle'一起使用。它适用于向上滑动，但当向下滑动时，边框会在缓动动画结束时重新生成。

Answer 1

我知道你在说什么。我以前做过这个并且有同样的问题。解决方法是在边界div内部包含div的动画。它的效果相同。

例如......

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

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

希望这可以让你头疼。