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

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>

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

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

哪些数据属性/类，我必须附加到该链接‘激活’它和命令子菜单？

帮帮忙，我被困在里面了。

Answer 1

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

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