jquery - divのみをクリックすると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();
}):