Как сделать переключения кнопки скрытия|показа меню на jquery?

Question

[akula22]

Работает на Bootstrap!
Есть меню со ссылками

<div class="page-sidebar" id="main-menu">
        <div class="page-sidebar-wrapper scrollbar-dynamic" id="main-menu-wrapper">
            <?= \app\widgets\WidgetMainMenu::widget() ?>
        </div>
    </div>

Если юзер заходит со смартфона, то это меню скрывается и выводится кнопка переключения (показа|скрытия) меню

<ul class="nav pull-left notifcation-center visible-xs" id="main-menu-toggle-wrapper">
                <li class="dropdown"> <a id="main-menu-toggle" href="#main-menu"  class="" >
                    <div class="iconset top-menu-toggle-white"></div>
                    </a> 
                </li>
            </ul>

Подскажите как на JS или Jquery написать код, который будет переключать это меню.
Версия jQuery v2.2.4

Answer 1

[Олег]

В bootstrap отвечает
.dropdown
.dropdown-toggle

Comments

[akula22]

конкретного кода нет? все что пробовал ничего не пашет, в обычном режиме работает, когда браузер уменьшаешь и появляется кнопка, тогда перестает

[Олег]

akula22: Разобрать не судьба?
getbootstrap.com/examples/starter-template
div style="height: 0.8px;" aria-expanded="false" id="navbar" class="navbar-collapse collapse"

Answer 2

[Иван]

Например device.js, а дальше классы ставьте. Хотя может и в самом бутстрапе все есть ...

Answer 3

[Макс]

www.jasny.net/bootstrap/components/#navmenu-offcanvas
я с этим сделал

Comments

[akula22]

что-то у меня не работает, а ты как подключал? одного файла bootstrap.offcanvas.min.js хватит? у меня сайт на yii там весь бутстрап подключен по умолчанию

[Макс]

яхз я yii не знаю, подключал