年のクリックで月を拡大する

Question

年リンクのクリック時にarchiveMenuMonthsをどのように展開（および切り替え）できますか？

<div class="archiveMenu"> 
    <ul class="archiveMenuYear"> 
     <li class="year"> 
      <a href="#">2016</a> 
     </li> 
    </ul> 
    <ul class="archiveMenuMonths"> 
     <li class="month"> 
      <a href="#">July</a> 
     </li> 
     <li class="month"> 
      <a href="#">June</a> 
     </li> 
     <li class="month"> 
      <a href="#">May</a> 
     </li> 
     <li class="month"> 
      <a href="#">March</a> 
     </li> 
     <li class="month"> 
      <a href="#">February</a> 
     </li> 
    </ul> 
</div> 

私はdisplay:none;からarchiveMenuMonthsセットを持っています。

現時点ではこれが火にいないようです：

$(function() { 
    $('.year a').click(function() { 
     $(this).next('.archiveMenuMonths').show(); 
     return false; 
    });   
}); 

Answer 1

それは、要素が間違っカントーであることを示すために、あなたのセレクタを起動します。 archiveMenuMonthsは、クリックされたアンカーへの次の要素の相対的ではありません - あなたは、作品次ul

$(this).closest("ul.archiveMenuYear").next('.archiveMenuMonths').toggle();