Question

我正在使用laravel开发一个网站。有一个侧面板，用于在网站的不同页面之间导航。有些页面按手风琴（或下拉列表）组合在一起。当我点击手风琴中的一个选项时，它会导航到页面，但手风琴会立即关闭。我如何保持开放？

这里是手风琴是怎样的

<li class="treeview">
            <a href="#">
                <span>Group of pages</span>
            <ul class="treeview-menu"
                style="display: none;">
                <li>
                    <a href="{{ route('a-route') }}">Page 1</a>
                </li>
                <li>
                    <a href="{{ route('a-second-route') }}">Page 2</a>
                </li>
            </ul>
</li>

感谢任何帮助。

PS。添加我使用AdminLTE作为模板可能是值得的。

Answer 1

需要在Active

中添加li课程

<li class="treeview {{ ((Request::is('a-page')) || (Request::is('a-second-page')) ? 'active' : '') }}">
    <a href="#">
        <span>Group of pages</span>
        <ul class="treeview-menu">
            <li class="{{ ((Request::is('a-page')) ? 'active' : '') }}">
                <a href="{{ url('a-page') }}">Page 1</a>
            </li>
            <li class="{{ ((Request::is('a-second-page')) ? 'active' : '') }}">
                <a href="{{ url('a-second-page') }}">Page 2</a>
            </li>
        </ul>
</li>

OR

<li class="treeview {{ ((Route::currentRouteName() == 'a-route') || (Route::currentRouteName() == 'a-second-route') ? 'active' : '') }}">
    <a href="#">
        <span>Group of pages</span>
        <ul class="treeview-menu">
            <li class="{{ ((Route::currentRouteName() == 'a-route') ? 'active' : '') }}">
                <a href="{{ route('a-route') }}">Page 1</a>
            </li>
            <li class="{{ ((Route::currentRouteName() == 'a-second-route') ? 'active' : '') }}">
                <a href="{{ route('a-second-route') }}">Page 2</a>
            </li>
        </ul>
</li>

如何在页面导航和刷新之间保持导航菜单状态

1 个答案: