эта проблема возникает в мобильном браузере
Мне нужно, чтобы нажатие подменю сворачивало только себя, а не всех его родителей.
Я использую bootstrap 3.3.7 и jquery -3.1.1
Я оставляю вам пример:
Когда я нажимаю Меню 3, оно сворачивается в Меню 1, и я хочу, чтобы оно свернулось обратно в Меню 3, чтобы продолжить просмотр меню.
![enter image description here](https://i.stack.imgur.com/4Ic2R.gif)
Это мой 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>
Спасибо