Jquery 单击“年度”展开“月份”

如何在单击“年度”链接时展开（并切换）

archivemenummonths

<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

不是相对于单击的锚定的下一个元素-您需要转到

ul

，然后转到下一个

ul

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

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