切换与点击效果

Question

可能重复：
How to detect a click outside an element?

<ul id="rightNav"> 

     <li id="SettingOpt"> 
     <a href="javascript:void(0)">username<span class="fabShopSprite iRecentIcon iUserIcon"></span></a> 
     <div class="userMenu"> 
      <ul> 
      <li><a class="Setting" href="/">Settings</a></li> 
      <li><a class="Setting lastShadow" href="/">Logout</a></li> 
      </ul> 
     </div> 
     </li> 

    </ul> 

它正在正确的菜单，但我的要求是，当用户点击了侧这块它去和我想要的切换效果的另一种效果，切换效果对我来说工作正常，但是当我点击那个包装的一侧时#rightNavToggle它不会熄灭。我的另一个要求是，当用户点击其子导航时，子导航应该关闭。 使用的Java脚本

$("#SettingOpt a").click(function() { 
     var parent = $(this).parent(); 
     parent.toggleClass("selected"); 
     parent.find("div.userMenu").toggle(); 
     }); 

Answer 1

只是做了一个简单的例子基于@syrion ref。 http://jsfiddle.net/cfmitrah/5grcu/