それの外側をクリックします（jQueryの）

Question

は私がそれの外側をクリックしたときにドロップダウンを非表示にするこのコードを使用していますがあります時にドロップダウンを非表示：

$('body').click(function() { 
    $('#ddbox').hide(); 
}); 

$('#ddbox').click(function(event){ 
     event.stopPropagation(); 
}); 

それが働いています。しかし、私はこのドロップダウンを表示/非表示にする別のリンクを持っています。上記のコードを使用する場合は、そのリンクを2回クリックしてドロップダウンを表示する必要があります。これは、ドロップダウンリストの表示/非表示のコードです。

$('#ddtrigger').toggle(function() { 
    $('#ddbox').show(); 
}, function() { 
    $('#ddbox').hide(); 
}); 

何が問題になりますか？

EDIT（これはHTMLです）：

<a href="#" id="ddtrigger">Some link</a> 

<div id="ddbox"> 

    <p>Some text</p> 

</div> 

Answer 1

あなたはそれを隠すためにドロップダウンにjqueryのblurイベントを使用することができませんか？

Answer 2

.toggle問題だと思います。あなたは2つのリンクを持っています。したがって、これらの2つのトグル機能は同期されません。なぜ.toggleをこのようなものに変更しないのですか？

$('#ddtrigger').click(function() { 
    $('#ddbox').toggle(); 
}); 

Answer 3

あなたがこの便利を見つけるかもしれ...

$(document).mouseup(function(e){ 
    if($(e.target).parent('Object_to_hide').length == 0) { 
     Object_to_hide.hide(); 
    } 
}); 

は、私は一度これを使用し、それは素晴らしい仕事を...