懸停在另一個 div 上時如何顯示 div 的問題有答案，但在我的示例中，我需要將鼠標懸停在顯示菜單欄項目列表的錨標記上，然后將鼠標懸停在該菜單列表上酒吧項目。之后，當我鼠標移出輸入的列表時，該列表應該隱藏。問題是當我將鼠標懸停在菜單欄列表之外時，它并沒有消失。我試圖做到這一點時，盤旋在js-expand顯示js-am-content，當mouseout過menu-bar-item隱藏的內容，如果menu-bar-item沒有徘徊，但內容不會隱藏。這是我的簡化 HTML<div>  <a class="expand js-expand fa fa-bars"></a>  <div class="action-menu-content js-am-content">    <a class="menu-bar-item"> SHOW </a>    <a class="menu-bar-item"> EDIT </a>    <a class="menu-bar-item"> COLLECTIVE </a>    <a class="menu-bar-item"> PER ORDER </a>    <a class="menu-bar-item"> CUSTOMS </a>    <a class="menu-bar-item"> HISTORY </a>  </div></div>和 jQuery（咖啡腳本）$(document).on 'mouseover', '.js-expand', (event) =>  $parent = $(event.currentTarget).parent()  $parent.children(".js-am-content").slideToggle('fast')$(document).on 'mouseout', '.menu-bar-item', (event) =>  if !$('.menu-bar-item:hover')     $('.js-am-content').fadeOut('fast')