Metronic/Bootstrap:如何总是在左边的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>

我试过移除“肚脐崩溃”类，但这没有帮助.

编辑:我做了很多研究，似乎有某种CSS类的“始终开放”的-subitem元素，但我无法让它工作。当谷歌搜索metronic "always-open"时，你会在模板论坛上找到两个关键主题的帖子，但我无法让这两条建议都奏效.:(

Answer 1

我自己回答:在做了大量的研究之后，它的工作方式是这样的(使用like类、箭头打开和始终打开)：

<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>

Answer 2

在Metonic/Vue中，我必须将class="menu-item menu-accordion"替换为aside\Menu.vue中的class="menu-item menu-accordion show"，以便默认打开所有的侧菜单项。其基本原则是观察如何在浏览器中使用“检查”进行类更改，然后相应地更改基本的html。