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

我在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”时, 我想使它发生同样的事情。我希望子菜单像单击箭头一样打开和关闭。

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

请帮助, 我坚持下去。

#1

你可以使用下面的jQuery代码在单击”单击我”时切换菜单。

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