Jquery 使用鼠标悬停显示搜索输入类型

我正在尝试实现一个jquery函数，通过鼠标任何一个submit按钮，我都希望我的搜索输入类型出现，与slideToggle的效果相同

我不想使用宽度切换，因为我不想在再次悬停“提交”按钮时隐藏搜索输入。这就是为什么我使用show

但效果并不完美，底部边界会移动。如我在JSFIDLE上的第一个示例所示

我想做的是使show函数与我的第一个示例中的函数相同，但效果与我的jsfiddle上的第二个示例相同

以下是我的Jquery代码：

$( "#searchsubmit" ).on( "mouseenter", function() {
$("#s").show("xslow");
});

$( "#searchsubmit_2" ).on( "mouseenter", function() {
$("#s_2").animate({width: 'toggle'}, "xslow");
});

---

非常感谢你的帮助

将类分配给您可以选择使用该方法来实现此目的：

$( "#searchsubmit_2" ).one( "mouseenter", function() {
    $("#s_2").animate({width: 'toggle'}, "xslow");
});

这将防止输入在再次悬停时切换

---

谢谢@M.Doye，这正是我想要的！我不知道这个，完美的把戏谢谢@blasteralfredψ，但这不是我想要的，无论如何谢谢

$( "#searchsubmit_2" ).one( "mouseenter", function() {
    $("#s_2").animate({width: 'toggle'}, "xslow");
});