如何使此引導程序導航子菜單始終打開？

-3

我有一個代碼，使BS導航，但我不明白如何使子菜單總是打開，而無需點擊菜單名稱。如何使此引導程序導航子菜單始終打開？

這是代碼：

http://jsfiddle.net/6hrmodok/2/

，並請回答用新的代碼這個問題。

來源

2016-06-11 New Tesla

哪一個？您可以隨時爲其提供獨特的課程以供將來編輯。 –

菜單open1和open2。我希望菜單總是打開@AdamAzad –

「新特斯拉」...現在，你不是一個新的特斯拉。特斯拉可以用至少2種語言閱讀和書寫。 – peterh

.gw-nav-list>li.always-active>a, 
.gw-nav-list>li.always-active>a:hover, 
.gw-nav-list>li.always-active>a:focus, 
.gw-nav-list>li.always-active>a:active { 
    background-color: #fff; 
    color: #2574A9; 
    font-weight: bold; 
    font-size: 13px; 
} 
.gw-nav-list>li.always-active:before { 
    display: inline-block; 
    content: ""; 
    position: absolute; 
    left: 0px; 
    top: -1px; 
    bottom: 0; 
    z-index: 1; 
    border: 2px solid #2574A9; 
    border-width: 0 0 0 5px; 
} 
.always-active .gw-submenu, 
.gw-nav-list>li.always-active .gw-submenu { 
    display:block; 
}

對於JavaScript;

$('.gw-nav > li:not(.always-active) > a').click(function() { 
    ....

Updated fiddle

來源

2016-06-11 05:26:37

你可以打開與簡單的jQuery的腳本文件，如下代碼的頁面加載的子菜單。

var pageload = function() 
{ 
    $(".gw-nav > li").each(function() 
    { 

     var checkElement = $(this); 
     var ulDom = checkElement.find('.gw-submenu')[0]; 

     if (ulDom != undefined) { 
      checkElement.addClass('active'); 
      checkElement.find('ul').slideDown(300); 
      return; 
     } 

    }); 

}();

查看這裏的提琴手。

http://jsfiddle.net/o1jw4txg/

來源

2016-06-11 05:29:12 Deep

爲了使子總是引導導航欄打開，你只需要添加一個類「開放」像這樣<li class="dropdown open">這會讓你的引導的導航欄子菜單總是開放的，它也將切換。

來源

2016-06-11 05:36:29

如何使此引導程序導航子菜單始終打開？

回答

相關問題