Jquery切换有时无法100%显示

我有一个toggle jquery错误，在这里的帮助下，修复了许多错误，但仍有一个错误

当你的鼠标进入“meer informatie”时，一个小div就会滑下来。当您之前离开“meer informatie”时。面板已完成向下滑动，那么下次您进入“meer informatie”时，它将不会100%向下滑动

我还有第二个问题，但我想我必须用一个新的“提问”来提问

登台页面的url:

我认为这有点像这个问题，但我并不真正理解它：p 像这样：

jquery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script>
$(document).ready(function(){ 
$(".flip").mouseenter(function(){
$(this).find(".panel").stop().slideToggle("slow"); 
});
$(".flip").mouseleave(function() {
$(this).find(".panel").stop().slideToggle("slow");
});
}); 
</script>

以及html：

<div class="flip"><p>Meer informatie</p>
<div class="panel"><p>Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
    Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.</p>
</div>
</div>

Meer informatie

在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息。
在Debetreffende主持会议之前，请提供信息

您可能正在使用较旧版本的jQuery（1.7之前），其中的

stop（）

函数没有达到预期效果。阅读jQuery关于

stop（）

函数的更多内容：

从jQuery 1.7开始，使用.stop（）过早停止切换的动画将触发jQuery的内部效果跟踪。以前 版本，在切换动画之前调用.stop（）方法 完成将导致动画失去对其状态的跟踪（如果 跳转结束是错误的）。任何后续动画都将从一个新的位置开始 “中途”状态，有时会导致元素消失

我可以为您提供两种解决方案：

1-将jQuery版本更新为1.7或更高版本

2-使用两个true参数像这样调用stop函数：

.stop（true，true）

---

这是一个简单的例子。顶部的信息将是错误的，而底部的信息将工作。您可以看到，我在这里使用的是jQuery1.6。如果您切换到1.7，两者都应该可以工作。

它本身似乎不是问题…可能与另一个脚本或另一个css规则冲突…检查此小提琴：是的，可能是这样，我的导航栏不再工作了，是的，它可以工作，但当我将其悬停时不会下拉。有办法解决这个问题吗？我在WordPress中使用它。我检查了你网站的源代码，你有两个版本的jquery。我如何解决这个问题？我之前在这家公司工作的人做了很多我不知道的事情。关于jquery我什么都不知道：PHow来修复它……嗯……也许停止使用wordpress吧，每个插件都有自己的脚本或css样式，wordpress也有一些安全问题……我检查了你网站的源代码，我确定你不需要所有的js和css文件（几十个）为了使您的站点工作，动画会被卡住，在第一个站点上停留一段时间后不会使其向下滑动。@AmitJoki-这正是我想展示的内容。第一个选项不使用

stop（true，true）

，因此无法工作。第二个确实传递了两个真参数，因此可以工作。但是第一个在第一次悬停时仍然显示。但是您在鼠标输入2倍真值和鼠标离开2倍真值时输入了代码tooLol，我在鼠标输入时删除了2个真参数，这很有效xD谢谢大家！

<div class="flip"><p>Meer informatie</p>
<div class="panel"><p>Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
    Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.
Hier komt de informatie te staan over de desbetreffende hosting.</p>
</div>
</div>

$(document).ready(function () {
    $(".flip").mouseenter(function () {
        $(this).find(".panel").stop(true,true).slideToggle("slow");
    });
    $(".flip").mouseleave(function () {
        $(this).find(".panel").stop(true,true).slideToggle("slow");
    });
});