的Javascript使菜單可見只有當它的選擇

Question

我有這樣的菜單結構

<div id="menu-s"> 
<ul> 
<li> 
<a href="#">About Us</a> 
    <ul class="sub-menu"> 
     <li> 
      <a> 
     </li> 
    </ul> 
</li> 

我使用這個js：

<script> 
     $(document).ready(function() { 
    $('#menu-s > li > a').click(function(){ 
    if ($(this).attr('class') != 'active'){ 
     $('#menu-s li ul').slideUp(); 
     $(this).next().slideToggle(); 
     $('#menu-s li a').removeClass('active'); 
     $(this).addClass('active'); 
    } 
    }); 
}); 
</script> 

我只想讓子UL可見當父裏被稱爲.. 請幫我這個.. 謝謝

Answer 1

你還沒有第一個<ul>結束標籤。另外，您的選擇器無效。它應該是$('#menu-s > ul > li > a')

@edit
同樣的代碼$(this).attr('class') != 'active'是無效的，因爲它總是真實的（我認爲）。你應該因爲在你使用類似if(!$(this).hasClass('active'))

@ EDIT2
那是，如果你只處理的情況已經不是階級「主動」的時候，但如果是這樣，你有沒有代碼來處理這個問題。添加一個可以解決這個問題的else語句。