javascript - 1つのdiv以外の場所をクリックしたときにjqueryでdivを非表示にする方法は?

Question

フォーカスで検索入力を作成しています。次のオプションを含む div が表示されます。

$("#search").focus(function(){

$("#options").fadeIn("fast");

});

この関数でdivを隠しています

 $("#search").blur(function(){

$("#options").fadeOut("fast");

});

ユーザーが非表示のチェックボックスをクリックしても問題が発生します#option。チェックボックスをクリックしたときに非表示になるのを止めるにはどうすればよいですか?

Answer 1

 $("#search").blur(function(e){
   e.stopPropagation()
   $("#options").fadeOut("fast");
});