切换点击效果
可能重复：
如何检测元素外的点击？
<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();
});
只是基于@syrion ref做了一个简单的例子。 http://jsfiddle.net/cfmitrah/5grcu/
链接地址: http://www.djcxy.com/p/14713.html