jquery - 使用 JQuery 隐藏/显示文本框问题

Question

我在文本框（假设 B）上有焦点时显示一个文本框（假设 A）并在焦点不在时隐藏。它运行良好。我想在框 A 中输入内容，但是当焦点不在时它会隐藏B.这里我想要这样。如果在 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();
});