html - Metronic/Bootstrap : How to always expand subitems in the left Navbar?

Question

我希望左侧导航栏中的子项始终展开，请参见此处:

http://i.imgur.com/lScAPXf.png

但即使我点击箭头，当时也只有一项展开。单击不同的箭头时，打开的元素将关闭。由于我的菜单非常小/光滑，我认为最好始终展开所有子元素...非常感谢!

---

编辑:原始侧边栏代码如下所示:

<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
    <div class="page-sidebar navbar-collapse collapse">
        <!-- BEGIN SIDEBAR MENU -->
        <ul class="page-sidebar-menu">
            <li class="sidebar-toggler-wrapper">
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
                <div class="sidebar-toggler hidden-phone">
                </div>
                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
            </li>


            <li class="start ">
                <a href="index.php">
                    <i class="fa fa-home"></i>
                    <span class="title">
                        Startseite
                    </span>
                </a>
            </li>

我试图删除类“navbar-collapse collapse”，但这没有帮助...

编辑:我做了很多研究，对于 -subitem 元素似乎有某种 CSS 类“始终打开”，但我无法让它工作。在谷歌上搜索 metronic "always-open" 时，您会在模板论坛上找到两个 keenthemes 帖子，但我无法让这两个建议都起作用...:(

Answer 1

我自己回答:经过大量研究后，它是这样工作的(使用 li-open 类、arrow-open 和 always-open):

<li class="open">
    <a href="javascript:;">
    <i class="fa fa-cogs"></i>
    <span class="title">
    Menu Item
    </span>
    <span class="arrow open">
    </span>
    </a>
    <ul class="sub-menu always-open" style="display:block !important;">
        <li>
            <a href="test.html">
            Sub Menu Item
            </a>
        </li>
    </ul>
</li>