Показать сообщение отдельно
  #1 (permalink)  
Старый 22.01.2017, 02:37
Профессор
Отправить личное сообщение для imedia Посмотреть профиль Найти все сообщения от imedia
 
Регистрация: 20.05.2014
Сообщений: 292

Как правильно организовать togle
Когда я нажимаю кнопку появляется дополнительный класс и ширена колонки меню становится 300px но когда я снова нажимаю ее ширена не меняется обратно хотя класс убирается и остается класс .menu_line_closed
<div id="menu_line" class="menu_line_closed">
<div class="menu_icon_block">
<div class="menu-icon">
  <span></span>
</div>
</div>
</div>
<style>
.menu_line_opened{
	width:300px;
	
}
.menu_line_closed{
	width:75px;
}
</style>

var button = document.querySelector('.menu-icon');
var index='closed';
button.addEventListener('click', function (){
button.classList.toggle('open');
var menu_block = document.getElementById("menu_line"); 
menu_block.style.width = "300px";
menu_block.classList.toggle('menu_line_opened');
});
Ответить с цитированием