jquery - JQuery を使用して要素を非表示にする

Question

私はdiv、#blueを持っています。#blue をクリックすると、別の div、#green が表示されます。#blue 以外をクリックすると #green が非表示になるようにするにはどうすればよいでしょうか。

JSFIDDLE: http://jsfiddle.net/8Q2nN/

私のJQuery：

$(document).ready(function() {
    $("#blue").click(function() {
        $("#green").show();
    });
});

Answer 1

これは、次を追加するだけで実行できます。

$('body').click(function(event){
      if(event.target.id != 'blue')
         $("#green").hide();
});

コードの後:

$(document).ready(function() {
    $("#blue").click(function() {
        $("#green").show();
    });
});

このコードにより、青い div 以外の領域をクリックすると、緑の div が非表示になります。hide() 関数内にパラメーターを入力して、「遅い」または「速い」などの非表示方法を変更することもできます

関数にスロー パラメータを使用したライブ デモ。

パラメータをいじって、クリックしていないときの希望どおりにすることができます。単純に非表示にしたい場合は、.hide() 関数の括弧 () を空白のままにします。