如何使此引导程序导航子菜单始终打开？

Question

我有一个代码，使BS导航，但我不明白如何使子菜单总是打开，而无需点击菜单名称。

这是代码：

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

，并请回答用新的代码这个问题。

Answer 1

.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

Answer 2

你可以打开与简单的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/

Answer 3

为了使子总是引导导航栏打开，你只需要添加一个类“开放”像这样<li class="dropdown open">这会让你的引导的导航栏子菜单总是开放的，它也将切换。