javascript - 如何捕获页面中的“body”和“body”内部事件[Jquery]

我当前的代码做什么：
我有这个HTML

 <li>
   <span>Logged in as</span>&nbsp;
   <a class="user" href="#"><?php echo $this->loggedas ?></a>&nbsp;
   <a id="loginarrow" href="javascript: void(0);"></a>
 </li>

这是我上面的loginarrow id的JS

 $("#loginarrow").click(function() {
   $("#logindrop").toggle("slow");
   return false;
 });

它的工作很好，但我可以再次单击将其关闭。
我不想要，所以我想要它是否打开，我单击背景，所以它必须关闭。
为此，我这样做了

 $("#loginarrow,body").click(function() {
   $("#logindrop").toggle("slow");
   return false;
 });

现在它的工作很酷，但是还有另一个问题。

1 =我在页面（正文）中还有许多其他html元素，其中还有其他事件要调用。因此，在这种情况下，每当我单击页面中的其他元素时，它就会切换此div loginarrow。

我想要相同的功能，但不希望仅在后台使用其他元素。
任何提示

最佳答案

仅在可见时关闭它。

$("body").click(function() {
   if ($("#logindrop").is(":visible"))
      $("#logindrop").hide("slow");
});