<分区>
Possible Duplicate:
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>
它作为一个菜单正常工作，但我的要求是当用户点击这个 block 的外面时它会消失并且我想要切换效果的另一个效果，切换效果对我来说工作正常，但是当我点击那个外面时包装#rightNavToggle 它不会关闭。我的另一个要求是当用户点击它的子导航时，子导航应该再次关闭。 使用的Java脚本
$("#SettingOpt a").click(function() {
var parent = $(this).parent();
parent.toggleClass("selected");
parent.find("div.userMenu").toggle();
});