關閉下拉菜單與關閉菜單點擊 - 兩個下拉菜單

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(); 
});