使用jQuery查找子元素时，页面会奇怪地跳跃

我在Safari和Chrome中得到了这个问题。。。我认为Firefox正在工作

我有这个jQuery代码：

$(".featureSection").hover(function(){ 
$(this).stop(true, true).toggleClass("activeSection", 500);
$(this).find(".para").stop(true, true).fadeToggle("slow");
});

以下是我正在访问的HTML部分：

<div class="featureSection clearfix">
    <h3>And...</h3>
    <div class="sectionTitle">

        <h1>Holiday Cards</h1>
        <img src="http://crm-newsletter.com/website/images_concierge/gift1.png" alt="" width="229" height="224" />
        <h4 class="para">After closing with your client a beautiful gift and customized thank you card will be sent out as appreciation for their business. </h4>

    </div><!--end sectionTitle -->
</div><!-- end featureSection -->

和
节日贺卡
在与您的客户结束交易后，我们将向他们发送精美的礼物和定制的感谢卡，以感谢他们的业务。

以下是网页：

---

请注意，当您将鼠标悬停在某个部分上时，整个页面将向下跳转。这只发生在第一次翻车时，之后一切正常。当我删除

.find

代码时，跳转停止，因此我认为这是出于某种原因导致此问题的原因。有什么解决办法吗？即使是完全不同但影响相同的事情。谢谢。

我最终解决了这个问题，将

包装在一个div标签中，并在上面设置

.fadeToggle

。不确定它到底为什么起作用，但它起作用了。

JQuery

toggleClass

方法的第二个属性应该是布尔值。在您的情况下，根本不需要它。@VisioN虽然没有标记，但我想他正在使用jqueryui的动画切换类，这是一个持续时间。@JamesMontagne对，可能是这样。但是应该检查一下。@VisioN，James是正确的。我正在使用jQuery用户界面。@TommyCoffee太奇怪了。我寻找它，老实说，我找到了，但不知何故错过了它您的代码加载了大量重复ID（每个

ID

必须是唯一的）。你的“修复”可能只是治标不治本的创可贴。