Не убирается класс?

Question

[Ivan Ivanovich]

Здравствуйте.

Я понять не могу, почему не работает функция closeMenu. Именно почему не удаляются классы.

Скорее всего я просто туплю и не могу понять чего-то очевидного, но тем не менее, не ожидал вообще такого.

https://jsfiddle.net/h4wc1qfa/

<button class="btn">Click me</button>
<div class="menu">
  123
</div>

.menu{
  display: none;
}
.responsive{
  display: block;
}

const resBtn = document.querySelector('.btn'),
			resMenu = document.querySelector('.menu');



const openMenu = e=>{
	if(e.target){
		e.preventDefault();
	}
	if(resBtn.classList.contains('exprended') === true){
		closeMenu();
	}
	resBtn.classList.add('exprended');
	resMenu.classList.add('responsive');
};

const closeMenu = ()=>{
	resBtn.classList.remove('exprended');
	resMenu.classList.remove('responsive');
};




resBtn.addEventListener('click', openMenu);

Подскажите пожалуйста, в чем проблема?

Comments

[Дмитрий]

Еще как вариант

Answer 1

[Тигран Абрамян]

Нужно остановить выполнении функции с помощью return; чтобы снова не добавлять классы.

Comments

[Pavel Shvedov]

или все add убрать в else

[Ivan Ivanovich]

TAbrahamyan Спасибо большое, совсем забыл про это