关于javascript：点击效果切换

Toggle with click effect

本问题已经有最佳答案，请猛点这里访问。

Possible Duplicate:
How to detect a click outside an element?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<ul id="rightNav">

<li id="SettingOpt">
username<span class="fabShopSprite iRecentIcon iUserIcon"></span>

<ul>

<li>
Settings
</li>

<li>
Logout
</li>

</ul>

</li>

</ul>

它作为一个菜单工作正常，但是我的要求是当一个用户点击出这个块的时候，它就会消失，另一个效果我想要切换效果，切换效果对我来说很好，但是当我点击出包裹右边的时候，它不会关闭。我的另一个要求是，当用户单击其子导航时，子导航应该再次关闭。使用Java脚本

1
2
3
4
5

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