Bir tıklama gösteren açılır bir menü, iş ihtiyaçlarına göre. Menü yine fare ondan sonra gizli hale gelir.

Ama şimdi Bu kullanıcı herhangi bir belge üzerinde yerine oturana kadar yerde kalmak için geldim. Bu nasıl yapılabilir?

Bu ne kadar basit bir versiyonu

$(document).ready(function() {
  $("ul.opMenu li").click(function(){
   $('#MainOptSubMenu',this).css('visibility', 'visible');
  });

  $("ul.opMenu li").mouseleave(function(){
      $('#MainOptSubMenu',this).css('visibility', 'hidden');
  });
});



<ul  class="opMenu">
  <li id="footwo" class="">
    <span id="optImg" style="display: inline-block;"> <img src="http://localhost.vmsinfo.com:8002/insight/images/options-hover2.gif"/> </span>
      <ul id="MainOptSubMenu" style="visibility: hidden; top: 25px; border-top: 0px solid rgb(217, 228, 250); background-color: rgb(217, 228, 250); padding-bottom: 15px;">
        <li>some</li>
       <li>nav</li>
       <li>links</li>
       </ul>
    </li>
</ul> 

$('document[id!=MainOptSubMenu]').click(function() Bu menü değildi her şey tetikleyici olacağını düşünmek gibi bir şey denedim ama işe gitmedim.

Bu soruyu kullanılan yaklaşım bir göz atın:

How to detect a click outside an element?

Pencereyi kapatır belge gövdesi için TIKLAYIN bir olay Ekle. Belge vücuda yayılma durur pencere için ayrı bir click olayı bağlamak.

$('html').click(function() {
  //Hide the menus if visible
});

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