关闭下拉菜单与关闭菜单点击 - 两个下拉菜单

Question

所以我并排有两个菜单侧，看起来类似器这在HTML

<ul id ="menu"> 

        <?php if ($session->is_logged_in()) { ?> 

         <li class="menu"><img " alt="User Profile" title="My Profile" src="<?php echo getUserImage($id.".jpg"); ?>" /><a href="#"><?php echo $_SESSION['username']; ?></a>&nbsp;<img src="images/downtriangle.png" /> 
          <ul id="dropdown"> 
            <li><a href="profile.php">Profile</a></li> 
            <li><a href="#">Settings</a></li> 
            <li><a href="logout.php">Log out</a></li> 
           </ul> 
          </li> 

        <?php } else { ?> 

         <li class="menu"><a href="register.php">Sign up</a></li> 
         <li class="menu"><a href="login.php">Log in</a></li> 

        <?php } ?> 

         <li class="menu"><a href="#">More</a>&nbsp;<img src="images/downtriangle.png" /> 
          <ul id="dropdown_m"> 
           <li><a href="topusers.php">Users</a></li> 
           <li><a href="topitems.php">Top Lists</a></li> 
           <li><a href="justrated.php">The Stream</a></li> 
           href="faq.php">FAQ</a></li> 
           <li><a href="about.php">About</a></li> 
           <li><a href="privacy.php">Privacy</a></li> 
          </ul> 
         </li> 

    </ul> 

我想结束他们时，他们是开放的，你点击任何地方关闭屏幕，

这里是我的javascript：

$('html').click(function() { 
    $('#dropdown').hide(); 
}) 

$('html').click(function() { 
    $('#dropdown_m').hide(); 
}) 


$('#menu').click(function(e){ 
    e.stopPropagation(); 
}); 

这一关左边的菜单（用户配置文件），但不正确的。任何人都可以看到发生了什么？

Answer 1

你试过把它们放在一起吗？

$('html').click(function() { 
    $('#dropdown').hide(); 
    $('#dropdown_m').hide(); 
});