Jquery 如果父菜单处于鼠标悬停状态或菜单本身处于鼠标悬停状态，则隐藏菜单

我创建了一个简单的菜单，当父元素悬停在上面时，菜单本身就会出现。然而，我试图做的是，当用户的鼠标悬停在父元素或菜单本身之外时，它将消失

菜单的HTML结构

   <div class="tab">
        <div id="shop" class="source tabFace">
            Shop
        </div>
        <div class="tabHidden">
            <?php 
                wpsc_start_category_query(array(‘category_group’=> 1, ‘show_thumbnails’=> 1));
            ?>
            <div class="tabRow source">
                <a href="<?php wpsc_print_category_url();?>">
                    <?php
                        wpsc_print_category_name();
                    ?>
                </a>
            </div>
            <?php
                wpsc_end_category_query();
            ?>
        </div>
    </div>

---

我正试图找出如何在用户悬停在faceTab或tabHidden类之外后使其淡出。

如何使用jquery mouseout，为该类创建一个事件，并在事件函数中使用它分别淡出每个元素

$('.tabHidden').mouseout(function(){
  $( this ).fadeOut( "slow", function() {
    // Animation complete.
  });
});

信息：

---

只需使用事件处理程序：$selector.hoverfunction{}，function{}。第一个函数用于鼠标悬停时，第二个函数用于鼠标悬停时。我对您的代码进行了一些处理，但由于没有CSS，所以没有走得很远。卢克塞林的绝妙建议。我只想补充一点，如果你不在父对象上悬停，子对象将消失，并且不允许你点击子对象中的任何内容。如果您将鼠标悬停在tabHidden上，则必须编写更多代码来保持子对象可见。如果将tabHidden嵌套为TabFace的子对象，则更为简单。我的问题是：鼠标离开tabHidden时，它将消失。我希望鼠标在TabHidden或tabFace上，但不是单独的，而是集体的，如果这有意义的话。

$('.tabHidden').mouseout(function(){
  $( this ).fadeOut( "slow", function() {
    // Animation complete.
  });
});