Как свернулось только одно подменю в Bootstrap 3 моб. - PullRequest
0 голосов
/ 28 апреля 2020

эта проблема возникает в мобильном браузере

Мне нужно, чтобы нажатие подменю сворачивало только себя, а не всех его родителей.

Я использую bootstrap 3.3.7 и jquery -3.1.1

Я оставляю вам пример:

Когда я нажимаю Меню 3, оно сворачивается в Меню 1, и я хочу, чтобы оно свернулось обратно в Меню 3, чтобы продолжить просмотр меню.

enter image description here

Это мой html код:

 <div class="collapse navbar-collapse float-right" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right" id="menuDesktop">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="">Menu 1</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="">Menu 2</a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-submenu">
                                <a class="dropdown-toggle" data-toggle="dropdown" href="">Menu 3</a>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="">Menu 4</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

Спасибо

...