Как сделать добавление класса у гамбургера BootStrap 3?

Question

[Антон]

В общем, хочу сделать меню через BootStrap, при этом делаю вместо стандартного гамбургера юзаю Css-Hamburgers, в итоге такой конфуз, при открытии меню не добавляется class is-active гамбургеру, не могу понять как это реализовать.. нужна помощь, спасибо

<a href="#my-menu" class="hamburger hamburger--emphatic navbar-toggle collapsed" data-toggle="collapse">
								<span class="hamburger-box">
									<span class="hamburger-inner"></span>
								</span>
							</a>
				    </div>
				    <!-- Основная часть меню (может содержать ссылки, формы и другие элементы) -->
				   <div class="collapse navbar-collapse" id="my-menu">
							<ul id="top-menu" class="nav navbar-nav navbar-right">
								<li class="active"><a href="#home">Главная</a></li>
								<li class=""><a href="#calc">Калькулятор цен</a></li>
								<li class=""><a href="#service">Как это работает?</a></li>
								<li class=""><a href="#faqs">Ответы на вопросы</a></li>
								<li class=""><a href="#reviews">Отзывы</a></li>
							</ul>
				    </div>

var apis = $('#my-menu');
apis.bind('open:start', function () {
	$('.hamburger').addClass('is-active');
}).bind('close:finish', function () {
	$('.hamburger').removeClass('is-active');
});

Answer 1

[tyzberd]

// Look for .hamburger
  var hamburger = document.querySelector(".hamburger");
  // On click
  hamburger.addEventListener("click", function() {
    // Toggle class "is-active"
    hamburger.classList.toggle("is-active");
    // Do something else, like open/close menu
  });

Comments

[Антон]

А полный код можно,если не трудно?