如何单击锚链接打开子菜单？

Question

我在 Wordpress 主题中有这个引导手风琴代码：

<ul id="menu-main-menu-horizontal-1" class="mobile-menu accordion-menu">
    <li id="accordion-menu-item-1906" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children has-sub">
    <a class="nolink" href="#">CLICK ME</a><span class="arrow"></span>
    <ul class="sub-menu">
        <li id="accordion-menu-item-1922" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat"><a href="/one" class="">ONE</a></li>
        <li id="accordion-menu-item-1904" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat"><a href="/two" class="">TWO</a></li>
    </ul>
</ul>

当我点击箭头时，子菜单正确打开和关闭，折叠和展开等等。

现在，当我点击锚链接“CLICK ME”时，我想让它发生同样的事情。我希望子菜单像单击箭头时一样打开和关闭。

我必须将哪些数据属性/类附加到该链接以“激活”它并命令子菜单？

请帮忙，我被困住了。

Answer 1

您可以使用下面的 jQuery 代码在点击 click me 时切换菜单。

$('.nolink').click(function() {
    $('.sub-menu').toggle();
});