单击子 li 元素时如何保持父 li 打开

Question

<li>
    <a href="#">
        <i class="entypo-tools"></i>
        <span class="title">PHP-SDK</span>
        <span class="badge badge-secondary">3</span>
    </a>
    <ul>
        <li class="dropdown-submenu">
            <a href="/mypage_v2/sdk/installation">
                <i class="entypo-inbox"></i>
                <span class="title">Installation</span>
            </a>
        </li>
        <li class="dropdown-submenu">
            <a href="/mypage_v2/sdk/getStarted">
                <i class="entypo-docs"></i>
                <span class="title">Getting Started</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i class="entypo-flash"></i>
                <span class="title">API-Endpoints</span>
                <span class="badge badge-info">3</span>
            </a>
            <ul>
                <li>
                    <a href="#">
                        <i class="entypo-newspaper"></i>
                        <span class="title">sample1</span>
                        <span class="badge badge-success">4</span>
                    </a>
                    <ul>
                        <li>
                            <a href="/mypage_v2/sdk/newsletter">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample1</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/newsletterEmail">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample2</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/newsletteranalytics">
                                <i class="entypo-newspaper"></i>
                                <span class="title">sample2</span>
                            </a>
                        </li>
                        <li>
                            <a href="/mypage_v2/sdk/sample2">
                                <i class="entypo-newspaper"></i>
                                <span class="title">NewslettersProcess</span>
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </li>
    </ul>
</li>

Answer 1

如果你使用php渲染并且在菜单项上点击页面刷新，你可以添加class例如"active"到parent li(s)，并在样式中添加li.active {display:block} 或类似显示隐藏元素的样式

Answer 2

最后我对 laravel 路线的状况感到满意

<li @if(Request::path() == "mypage_v2/applications/lists" || Request::path() == "mypage_v2/applications/register") class="active opened")@endif>

单击子 li 元素时如何保持父 li 打开

How to keep parent li opened when i clicked the child li element

html

javascript