Как свернуть боковую панель при входе на конкретную страницу?

У меня есть боковая панель. Когда пользователь заходит на индексную страницу, я хочу свернуть боковую панель. Для этого в сайдбаре есть кнопка:

<a class="mobile-menu" id="mobile-collapse" href="javascript:"><span></span></a>

Как я могу вызвать эту ссылку при входе на главную (индексную) страницу?

sidebar.html

<nav class="pcoded-navbar">
    <div class="navbar-wrapper">
        <div class="navbar-brand header-logo">
            <a
               href="/" class="b-brand">
                <div class="b-bg">
                    <i class="feather icon-trending-up"></i>
                </div>
                <span class="b-title">HawkDragon</span>
            </a>
            <a class="mobile-menu" id="mobile-collapse" href="javascript:"><span></span></a>
        </div>


            <ul class="nav pcoded-inner-navbar">
                <li class="nav-item pcoded-menu-caption">
                    <label>Menü</label>
                </li>
                <li data-username="dashboard Default Ecommerce CRM Analytics Crypto Project" 
                    class="nav-item {% if 'index' in segment %} active {% endif %}">
                    <a href="/" class="nav-link "><span class="pcoded-micon"><i class="feather icon-home"></i></span><span class="pcoded-mtext">Anasayfa</span></a>
                </li>

                <li data-username="dashboard Default Ecommerce CRM Analytics Crypto Project"
                    class="nav-item {% if 'index' in segment %} active {% endif %}">
                    <a href="/" class="nav-link "><span class="pcoded-micon"><i class="feather icon-home"></i></span><span class="pcoded-mtext">Setup Wizard</span></a>
                </li>

            </ul>
        </div>
    </div>
</nav>

Вы можете использовать window.location:

if (window.location.pathname == '/') {
    // your function to minify sidebar
}

window.location возвращает объект Location с полезными свойствами.

Вернуться на верх