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>

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

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

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

请帮助，我坚持下去。

Answer 1

您可以使用下面的jQuery代码在点击点击我。

时切换菜单。

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

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

1 个答案: