jquery - JQuery フェードイン、フェードアウト div

Question

ボタン（「login_button」）があります。ボタンをクリックするたびに、DIV ("login_cont") が表示されるようにします。その後、ページの他の場所をクリックすると、この DIV が再び消えます。

これは私のコードです

$(document).ready(function(){
$('#login_button').click(function(e){
    $('#login_cont').fadeIn();
});
$(document).click(function(e){
    $('#login_cont').fadeOut();
});
});

これは私には良さそうです（私はこれが初めてです）。しかし。ボタンをクリックするたびに、div が表示されますが、1 秒もかからずに消えてしまいます...なぜ、どうすれば修正できますか?

Answer 1

これは、ドキュメントと #login_cont の両方がクリックされたためです (#login_cont はドキュメントの一部です)。

変更することでこれを修正できます

$(document).click(function(e){
                $('#login_cont').fadeOut('slow');
            });

に

$('#login_cont').onblur(function(e){
                $('#login_cont').fadeOut('slow');
            });