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

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