Как правильно организовать 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');
});

Потому как ту ширИну. :D Никто не меняет... ;)
Ее как установили равной 300px... Так таковой и оставляют...