jquery - JQuery を使用した TextBox の問題の非表示/表示

Question

ボックス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();
});