come nascondere div con jquery quando si fa clic ovunque, tranne un div?

Question

Sto facendo un ingresso di ricerca sul fuoco mostra un div con le opzioni con i seguenti:

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

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

}); 

sto nascondendo il div indietro con questa funzione

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

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

}); 

ora il problema è anche quando l'utente fa clic a qualsiasi casella di controllo in #option nasconde. Come posso smettere di nasconderlo quando fai clic sulle caselle di controllo?

Answer 1

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