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类“永远开放”，但我无法让它工作。当用Google搜索metronic "always-open"时，您会在模板论坛上找到两个keenthemes帖子，但我无法让两个建议都有效...... :(

Answer 1

自己回答：经过大量研究后，它就像这样（使用li-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>

Metronic / Bootstrap：如何在左侧Navbar中始终展开子项？

1 个答案: