如何从菜单外的链接触发引导模板手风琴样式菜单

Question

我想知道是否有人能帮上忙。我使用了一个来自wrapbootstrap的引导模板，叫做“黑珍珠”。它包含一个结构类似于下面的下拉样式菜单；它创建一个带有选项的菜单，您可以指定单击主选项时下拉的子菜单--如下例所示。“客户”是主要的标题，而“新客户”下降时，客户被点击。

<ul class="side-menu shadowed">
    <li> <a class="navmenu" url="login.php?" href="#"><i class="icon-home"></i>Home</a>
    </li>
    <li class="submenu"> <a href=""><i class="icon-address-book"></i>Customers</a>
        <ul>
            <li><a href="#" url="cust_new.php?" class="navmenu">New Customer</a>
            </li>
        </ul>
    </li>
</ul>

我认为的javascript运行这个..。

/* --------------------------------------------------------
    Side Menu
-----------------------------------------------------------*/
(function(){
     $('.side-menu > li.submenu > a').unbind();
    $('.side-menu > li.submenu > a').click(function(e){
        e.preventDefault();
    if (!$(this).next('ul').is(":visible")) {
    $('.side-menu > li ul').slideUp(150);
    $(this).next('ul').slideDown(150);
    }
    else {
    $(this).next('ul').slideToggle(150);
    }


    });
})();

有人知道我如何从菜单外的链接中切换菜单更改吗？

非常感谢:)

Answer 1

您可以找到目标menu触发器和编程触发单击事件.

就像您想要触发customers菜单一样，为了方便地选择元素，在锚元素中添加一个Class，如下所示

<li class="submenu"><a href="" class="customers"><i class="icon-address-book"></i>Customers</a>

然后

$('a.customers').click()