使用JQuery隐藏/显示TextBox问题

Question

当焦点在文本框(假设B)上时，我显示一个文本框(假设A)，当焦点在out.it时隐藏。我想在框A中输入一些内容，但当焦点从B.Here中移出时，它被隐藏。如果在B中输入了一些东西，A不应该隐藏，即使焦点从B中移出。这是我的jQuery代码。

 $('#lastname').focusin(function () {
        $('input.hidden').fadeIn(1000);
        $('input.hidden').css('backgroundColor', 'yellow');
        }).focusout(function () {
        $('input.hidden').hide();
        });

这是Html代码。

 <table>
     <tr>
    <td>
   <label>First Name</label></td>
   <td> <input class="required" type="text" name="firstname"    id="firstname" /><span>(required)</span></td>
     </tr>
     <tr>
    <td><br/><label for="lastname">Last Name</label></td>

    <td><input class="required" type="text" name="lastname" id="lastname"/><span>(required)</span></td>
     <%-- 
    <td><br/><label>Invisible</label></td>--%>

    <td><input class="hidden" type="text" name="invisible"  value="Middle Name" id="invisible"/><span>(required)</span></td>
    </tr>
    <tr>
    <td><br/><label>Address</label></td>
    <td><input class="required" type="text" name="address" id="address"/><span>(required)</span></td>
    </tr>
     </table>

提前谢谢。

Answer 1

如果不包含，则检查B是否包含一些值，然后执行隐藏代码，如下所示

$('#lastname').focusin(function () {
   $('input.hidden').fadeIn(1000);
    $('input.hidden').css('backgroundColor', 'yellow');
}).focusout(function () {
    if(this.value.length <= 0)
       $('input.hidden').hide();
});