jQuery的秀子菜單和子菜單中是否存在

Question

使用jQuery，我想顯示子菜單時，李盤旋，使得添加類：當.nav有ul.submenu和.nav裏盤旋，顯示.submenu並添加類.arrow下降，並再次onmouse出隱藏它。

我的HTML如下：

 <ul class="nav"> 
      <li><a href="#">Home</a> 
      </li> 
      <li><a href="#">Facilities</a> 
       <ul class="submenu"> 
        <li><a href="#">Coaching</a></li> 
        <li><a href="#">Performance Tests</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Trainers</a> 
       <ul class="submenu"> 
        <li><a href="#">Coaching</a></li> 
        <li><a href="#">Performance Tests</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Membership</a> 
       <ul class="submenu"> 
        <li><a href="#">Coaching</a></li> 
        <li><a href="#">Performance Tests</a></li> 
       </ul> 
      </li> 
      <li><a href="#">Schedule</a> 
       <ul class="submenu"> 
        <li><a href="#">Coaching</a></li> 
        <li><a href="#">Performance Tests</a></li> 
       </ul> 
      </li> 
     </ul> 

謝謝...

Answer 1

$('ul.nav > li').hover(function() { 
    if ($(this).find('ul.submenu').length > 0) { 
     $(this).find('ul.submenu').show(); 
     $(this).addClass('arrow-down'); 
    } 
}, 
function() { 
    if ($(this).find('ul.submenu').length > 0) { 
     $(this).find('ul.submenu').hide(); 
     $(this).removeClass('arrow-down'); 
    } 
});