छुपा DIV जब इससे दूर पर क्लिक

Question

इम मूल रूप से HTML, सीएसएस और jQuery और im एक उपयोगकर्ता इससे दूर क्लिक करता है div बंद करने में समस्या आ रही के साथ एक सरल लटकती मेनू बनाने की कोशिश कर।

मैं stopPropagation की कोशिश की और दस्तावेज़ की जाने वाली कार्रवाई के लिए बाध्य क्लिक करने पर, वे या तो काम नहीं करते या मैं पता नहीं कैसे उन्हें इस्तेमाल करने के लिए है है। वैसे भी नीचे

एचटीएमएल कोड पर एक नज़र

<div id="optionsMenu"> 
    <a href="account.php?edit=info">Account Settings</a>  
</div> 

JQuery

$('.options').click(function(){ 
    if($('#optionsMenu').css("display") == 'none'){ 
     $('#optionsMenu').slideDown("fast"); 
    } 

    else{ 
     $('#optionsMenu').slideUp("fast"); 
    } 
}); 

$('#optionsMenu').blur(function(){ 
    $('#optionsMenu').css("display","none"); 
}); 

किसी भी मदद के लिए बहुत appriciated किया जाएगा है।

Answer 1

आप stopPropagation उपयोग करना चाहिए:

$(body).click(function(e) 
{ 
    $('#optionsMenu').slideUp('fast'); 
}); 
$('#optionsMenu').click(function(e) 
{ 
    e.stopPropagation(); 
}); 

Answer 2

आप शायद on() इस्तेमाल कर सकते हैं,:

$('body').on('click', function(e){ 
    if ($(e.target).not('#optionsMenu')){ 
     $('#optionsMenu').slideUp('fast'); 
    } 
}); 

ऊपर अभी तक जांच नहीं की है, लेकिन ऐसा करना चाहिए, मैं काम लगता है।