相关疑难解决方法(0)

我的jQuery slideToggle()实验

任何人都可以告诉我为什么我打开它时我的盒子"跳"？上半场他们滑了,剩下的他们"跳"？

谢谢, 约翰内斯

我在网站上使用jQuery slideToggle功能来显示有关某些内容的"更多信息".当我触发幻灯片时,内容会逐渐显示,但位于右侧约100个像素,直到动画结束时突然跳到正确的位置.换句话说,内容在它开始"隐藏"动画之前向右跳跃相同的量,然后逐渐隐藏.

在IE7/8,FF,Chrome上发生.

关于如何解决这个问题的任何想法？

提前致谢.

我有以下代码来动画显示/隐藏div.

$(".headerClosed, .headerOpen").live("click", function(){
  $(this).next().slideToggle("slow");
}

这显示并隐藏了具有以下标记的div:

<div class="details">
  <p>Date</p>
  <p>Text</p>
</div>

问题出现在IE中(惊喜,惊喜!)当div向下滑动时动画是平滑的,直到它突然结束.我知道这是由于div的填充/边距设置.

如果我使用<div>而不是<p>,那么动画是平滑的,但只要我向<div>添加任何填充或边距,那么动画就会抖动.如果填充和边距设置让它变得混乱,你怎么能用间距滑下漂亮的div？

如果你去这个页面点击其中一个左下拉菜单 - http://ryancoughlin.com/hp/index.php?c=关于 - 它几乎看起来像是故障/碰撞,一旦它到达底部或骑备份顶部.

有可能解决这个问题吗？或者它是如何在jQuery中表现的？

码:

$(".menu-header").click(function() {
    $(this).next().toggle('slow');
    return false;
}).next().hide();