如何從多個選擇器中刪除這個.next（）元素

Question

下面的代碼將使用mousenter/mouseleave隱藏並顯示取決於2個元素的子菜單。

var count = 0; 
$('.parent-menu, .sub-menu').mouseenter(function(){ 
    count ++; 
    $('.sub-menu').show(); 
}).mouseleave(function(){ 
    count--; 
    if(!count) { 
     $('.sub-menu').hide(); 
    } 
}); 

唯一的是它顯示每個父母菜單上的所有子菜單。我知道$(this.next()..etc)將採取相關的子菜單（因爲它與其中的一切東西），但我如何將目標這一點時，我使用多個選擇器？

HTML

 <li class="parent-menu"> 
     <a href="#">Sports</a> 
     </li> 
     <li class="sub-menu"> 
      <div class="container menu-background"> 
      <ul> 
       <li class="heading"><a href="#">Running</a></li> 
       <li><a href="#">Footwear</a></li> 
       <li><a href="#">Apparel</a></li> 
       </ul> 
      </div> 
     </li>       

Answer 1

你要這個？：

var count = 0; 
$('.parent-menu, .sub-menu').mouseenter(function(){ 
    count ++; 
    $(this).next().show(); 
}).mouseleave(function(){ 
    count--; 
    if(!count) { 
     $(this).next().hide(); 
    } 
}); 

$(this).next().hide();將選擇.SUB菜單。