如何從菜單外的鏈接觸發Bootstrap模板手風琴樣式菜單

Question

我想知道是否有人可以提供幫助。 我正在使用來自wrapbootstrap的Bootstrap模板，稱為“ Black Pearl”。 它包含一個下拉樣式菜單，其結構如下所示； 它創建了一個帶有選項的菜單，您可以指定子菜單，單擊主選項時該子菜單會下拉-如下例所示。 “客戶”是主要標題，點擊客戶后，“新客戶”就會下拉。

<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觸發器並以編程方式觸發單擊事件。

就像您要觸發客戶菜單一樣，為方便選擇元素，請在錨元素中添加一個Class，如下所示

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

然后

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