làm thế nào để ẩn div với jquery khi nhấp vào bất cứ nơi nào ngoại trừ một div?

Question

Tôi đang làm cho một đầu vào tìm kiếm trên tập trung nó cho thấy một div với các tùy chọn với sau:

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

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

}); 

Tôi đang ẩn div trở lại với chức năng này

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

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

}); 

bây giờ vấn đề là ngay cả khi người dùng nhấp chuột tại bất kỳ hộp kiểm nào trong số #option nó ẩn. Làm thế nào tôi có thể ngăn chặn nó ẩn khi nhấp vào hộp kiểm?

Answer 1

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