jquery控制显示与隐藏解决思路

jquery控制显示与隐藏
是这样的.
页面中的js

用jquery的方法 $("#div1").load("aa.aspx");
加载了个页面,,放到div1中

html代码如下:

<input type="text" id="txtTo" name="txtTo">
<div id="div1">

</div>

js代码:
$("#txtTo").focus(function () {
  $("#div1").load("aa.aspx");
});

现在想实现当鼠标 不在 txtTo文本框中,不在<div>所包围中,去隐藏掉<div>...js代码如何写?谢谢!



[解决办法]
<input type="text" id="txtTo" name="txtTo" onblur='$("#div1").hide();'>
[解决办法]

JScript code

$(function(){$("div").mouseleave(function () {  $(this).hide();});})
[解决办法]
 
JScript code
jQuery(function($) {            $('#txtTo').mouseout(function() {                var i = false;                $('#div1').hover(function() {                    i = true;                    $(this).show();                }, function() {                    $(this).fadeOut(1000);                });                if (i == false) $('#div1').hide();            }).mouseover(function() {                $('#div1').show();            });        });