JS Button Events, думаю что событие?

Question

[Игорь Касперский]

Нажимаешь на кнопку один раз, она исполняет, то что ей задал, как сделать обратный эффект. Пробовал .toogle(), не знаю как связать с стилями .css(). Помню как-то см видео про JS, говорилось, что обратное действие пишется выше, не работает. Как вернуть обратно?

Answer 1

[WebDev]

Если стили поменять то лучше toggleClass(), если какое то действие, то вешайте событие, и каждый раз устанавливайте какой-нибудь data атрибут, и каждый раз при событии проверяйте его значение, на основании которого и делайте какое-то действие.
Например:

$('a').on('click', function(){
  if ($(this).attr('data-toggle')) {
     console.log('Второй клик');
    $(this).removeAttr('data-toggle');
  } else {
     console.log('Первый клик');
     $(this).attr('data-toggle', 1);
  }

  
});