鼠标悬停鼠标移开和使用jQuery的问题与输入字段

Question

OLD CODE

我有一个问题，当我在我的“＃搜寻”分区然后滑动它像我应该做的，钻的问题是，当它的幻灯片它会显示一个搜索输入字段，当鼠标移过该输入字段时，它开始运行鼠标输出函数，我已经停止了这一点，只要将一个if鼠标放在带有空函数的#search输入上，但是当我的鼠标离开输入和“＃搜索”潜水它不会运行动画返回功能。

这里是我的脚本

$("#search").mouseover(function(){ 
    $(this).animate({"left": "0px"}, 500); 
}); 
$("#search").mouseout(function(){ 
    if($("#search input").mouseover()){ 
     return false 
     } 
    else { 
    $(this).animate({"left": "-282px"}, 500); 
    } 
}); 

我该怎么办错了吗？还是有人有解决方案？我是新来的jQuery所以刚开始学习:)和我搜索谷歌和最后2天的文件，也许它只是我这是盲目的，这就是为什么我需要你的帮助：

编辑：NEW CODE & JS FIDDLE

我需要做不同的搜索条，所以我只是再次做了代码，现在需要点击语句。在的jsfiddle

看看这里

http://jsfiddle.net/D7s45/2/

这是jQuery的我想创造:)

Answer 1

var t, isout=true; 
$("#search").children("form").children().mouseover(function() { 
    clearTimeout(t); isout = false; 
}); 

$("#search").children("form").children().mouseout(function() { 
    isout = true; 
    tout = setTimeout(function() { $("#search").animate({ "left": "-282px" }, 500); }, 100); 

}); 

$("#search").mouseover(function() { 
    if (isout) $(this).animate({ "left": "0px" }, 500); 
    clearTimeout(t); isout = false; 
}); 

$("#search").mouseout(function() { 
    isout = true; tout = setTimeout(function() { $("#search").animate({ "left": "-282px" }, 500); }, 100); 
}); 

Answer 2

尝试徘徊在输入时，在停止传播：

$("#search input").hover(function(e) { 
    e.stopPropagation(); 
}, function(e) { 
    e.stopPropagation(); 
}); 

您的常规代码为＃搜索div应该正常运行。