javascript - toggle() 関数によって開かれた要素を閉じる

Question

ブラウザ ウィンドウの任意の場所をクリックしたときに、toggle() 関数によって開かれた要素を閉じる方法。たとえば、このサイトの StackExchange リンク。このリンクをクリックするとdivが表示されますが、ウィンドウ内の任意の場所をクリックすると消えます。

Answer 1

次の方法で実行できます。

$(function(){
  $('.yourelem, .targetDiv').click(function(ev){
    $('.targetDiv').slideDown('fast');
    ev.stopPropagation();
  });

  $(document).click(function(){
    $('.targetDiv').slideUp('fast');
  });
});

jsbin のアクションを参照してください

Answer 2

これを試して ：

HTML

<a id="show" href="#">show</a>
<div class="test" style="display: none;">
    hey
</div>

JS

$('a#show').click(function(event) {
    event.stopPropagation();
    $('.test').toggle(); 
});

$('html').click(function() {
    $('.test').hide();
});

Answer 3

jquery http://api.jquery.com/blur/の .blur 関数を見てください。

簡単な例:

 $("#myelement").blur(function(){
    $(this).hide(); 
    //or
    $("#targetelement").hide();
 });

Answer 4

trueをクリックすると、変数 selを作成しますdiv。

if(sel)
$(".stackExchange").slideDown(800);

else 
$(".stackExchange").slideUp(800);