jquery - 如果某些东西与 jQuery 有焦点，如何防止切换动作

Question

见这里：http: //jsfiddle.net/kbkPL/

现在在 mouseenter 和 mouseleave 上，隐藏的滑动面板滑入和滑出。

如果用户将注意力集中在该输入框上，我想保持面板打开（并防止它滑出）直到焦点丢失或用户按下提交。我将如何做到这一点？谢谢。

Answer 1

这是一种可能：

$(document).ready(function(){
$("#promoContentTrigger").mouseenter(function(){
    $("#promoContentPanel").toggle("fast");
    $(this).toggleClass("hideTrigger");
});
$("#promoContentPanel").mouseleave(function(){
    if ($(".textBox").is(":focus")) {return;}
    $("#promoContentPanel").toggle("fast");
    $("#promoContentTrigger").removeClass("hideTrigger");
});

});​</p>