只在点击它时隐藏div

Question

我有这段代码：

<input id="i" type="text" value="value" />
<div id="u" style="border:solid 1px;width:140px;height:100px"></div>
<p>thanks</p>

我想隐藏#u，并在点击#i时显示。 然后当我点击#u时它将被隐藏。 但如果我点击#u什么都没发生。 请你帮助我好吗。 非常感谢

Answer 1

$("#i").focus(function() {
    //When the user clicks on #i then #u is shown
    $("#u").show();
}):

$("#u").blur(function() {
    //When the user clicks out of #u then #u is hidden
    $("#u").hide();
}):