点击年份扩展数月

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>

我将archiveMenuMonths设置为display:none;。

此刻似乎没有激发：

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

Answer 1

它触发，你的选择器显示元素是错误的。 archiveMenuMonths不是相对于点击的锚点的下一个元素 - 您需要前往ul，然后转到下一个ul

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