如何打开子菜单点击Anchor Link？

Question

我在Wordpress主题中有这个bootstrap-accordion代码：

<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>

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

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

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

请帮助，我坚持下去。

Answer 1

您可以使用以下jQuery代码切换单击单击我的菜单。

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