Присвоить класс элементу при клике на него и забрать при втором?

Question

[udzumaki]

В общем делал меню. Вроде всё шло по плану но вдруг осознал что меню ведь должно ещё и закрываться когда на иконку кликаешь второй раз или по другой области.

Меню работает по такому принципу
Происходит клик на гамбургер
обращаемся к классу гамбургер

• присваиваем классу гамбургер ещё один класс клоус
  
• двигаем меню и сам гамбургер при помощи анимейт
  

Второй клик на гамбургер
обращаемся к классу клоус который присвоили ранее

• удаляем у класса гамбургер класс клоус
  
• двигаем меню и сам гамбургер при помощи анимейт
  

Там ещё шаманство с классом main но думаю вы разберётесь. Заранее спасибо за помощь

P.S.в кодепене почему-то нечего не работает( он здесь просто чтобы я сюда не вставлял код ).

https://codepen.io/hqkka/pen/qGpVwd

Comments

[Ragtime Kitty]

А зачем так сложно-то?
Да еще и с анимациями через jquery.

Answer 1

[spnq]

Если именно JQuery, то toggleClass. Как навесить ивент, надеюсь, что знаешь.

Comments

[udzumaki]

у меня свойства через js прописаны,а не цсс. Класс close выступает в виде хука за который цепляется функция которая закрывает меню. Но в принципе вариант с toggleClass тоже подходит, только если это всё переделать.

[spnq]

udzumaki, весь ивент после инициализации элементов, в чем проблема?

[udzumaki]

spnq, а понял