试图隐藏jquery元素但未成功

可能是我忽略了一件非常简单的事情，但我似乎找不到使用jquery mouseenter隐藏面板div的方法。不管我怎么尝试，它都毫无用处。我已经多次检查了所有代码，并加载了所有必需的库。我试图实现的是，如果用户在drop类和该类中的任何

标记上使用鼠标，那么#面板将保持隐藏状态。我只想在用户完全离开菜单时显示#面板。有人能指出我的错误吗。谢谢

HTML代码

<ul id="menu">
  <li class="menu_right"><a href="#" class="drop">Contact Us</a><!-- Begin 3 columns Item -->

        <div class="dropdown_3columns align_right"><!-- Begin 3 columns container -->

            <div class="col_3">
                <h2>Which dept do you need to contact!</h2>
            </div>

            <div class="col_1">

                <ul class="greybox">
                    <li><a id="anchorTest" href="#">Technical</a></li>
                    <li><a href="#">Administrative</a></li>
                </ul>   

            </div>

            <div class="col_1">

                <ul class="greybox">
                    <li><a href="#">Billing</a></li>
                    <li><a href="#">Report Error</a></li>
                </ul>   
            <br />
            <div id="formShow">
              <form action="feedback.php" method="post" class="webform">
                <fieldset>
                <legend><span>Submit Technical Report</span></legend>
                <label for="dept">Deaprtment</label>
                <input id="dept" name="dept" class="text" type="text" />
                <label for="name">Full Name:</label>
                <input id="name" name="name" class="text" type="text" />
                <label for="email">Email address:</label>
                <input id="email" name="email" class="text" type="text" />
                <label for="position">Position:</label>
                <input id="Position" name="Position" class="text" type="text" />
                <label for="Feedback">Exact Problem:</label>
                <textarea name="Feedback" cols="20" rows="3">Please make sure that any error messages or numbers are listed here.</textarea>
                </fieldset>
                <input class="submit" type="submit"  name="submit" value="Submit Report" />
              </form>
            </div>

            </div>

            <div class="col_1">

                <ul class="greybox">
                    <li><a href="#">General</a></li>

            </div>

            <div class="col_3">
                <h2>Here are some image examples</h2>
            </div>


            <div class="col_3">
                <img src="img/02.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Maecenas eget eros lorem, nec pellentesque lacus. Aenean dui orci, rhoncus sit amet tristique eu, tristique sed odio. Praesent ut interdum elit. Maecenas imperdiet, nibh vitae rutrum vulputate, lorem sem condimentum.<a href="#">Read more...</a></p>

                <img src="img/01.jpg" width="70" height="70" class="img_left imgshadow" alt="" />
                <p>Aliquam elementum felis quis felis consequat scelerisque. Fusce sed lectus at arcu mollis accumsan at nec nisi. Aliquam pretium mollis fringilla. Vestibulum tempor facilisis malesuada. <a href="#">Read more...</a></p>
            </div>

        </div><!-- End 3 columns container -->

    </li><!-- End 3 columns Item -->


</ul>

面板html

<div id="panel">
        <h3><a href="#">Quick Panel</a></h3>
    <div><span class="newitems">Here, you can view the last 10 stats of your users actions. For example, Logs, Intakes, Returns etc.</span><br />
  </div>
</div>

在这里，您可以查看用户操作的最后10个统计信息。例如，日志、入口、返回等

使用

 $("#menu .drop li")

将仅适用于父级为“drop”的li元素，父级同样具有id为“menu”的父级。 我在你的html代码中没有看到类似的东西。

---

使用选择器并不意味着“要么

.drop

要么

li

”，而是意味着“

li

在

.drop

内”

@我不想隐藏li元素。只有#panel div.thansky您的html中没有

#panel

——至少是您向us@smerny我已经用#panel更新了代码。查看下面的答案和注释，似乎您应该明确您想要悬停什么来显示面板。Tobias编写函数的正确方法是什么。谢天谢地，解决办法就是菜单里的菜单。滴@smerny:不，也不会。正确的解决方案是：

$（“#menu.drop，#menu li）

啊，没有注意到

。drop

不在

li

上，我会这样做的……为什么要同时听呢？它们都在彼此之间。要么是这样，要么只是

#菜单。drop

对于选择器，我能看到的是，它们不在彼此之间。我看不到任何。drop元素在li元素中，或者反过来

 $("#menu .drop li")