jquery中的奇怪滑动效应

指我的

我在搜索框上得到了滑动效果。我在同一页的两个面板上实现了相同的效果

现在的问题是，如果你能看到我的，当你把鼠标放在第一个和第二个图标上时，你可以看到滑动效果

此效果应滑动一次，并在第二次后平滑关闭，这是完美的

但是，当您快速地将鼠标移到两个图标上（一个接一个，持续2-3次）并突然将光标移到剖面栏的空白处，然后移到下方时，您可以看到滑动的奇怪动画

为什么会发生这种效应

这是SOF的示例代码

$('.search').mouseenter(function(){
    $('.search > img').hide();
    $('.search > input').show();
    $(this).animate({'width' : "300px"});
});

---

您需要使用

.stop（）

它将告诉jquery停止所有其他动画，直到这个动画完成

我不需要停止一个动画，直到另一个动画完成，但我只是不希望多次滑动。两者都应该并行动画系统不能同时制作两个动画，而是会生成一组动画，并且必须一次制作所有动画。