Как создать show/hide без использования toggle?

Question

[Иван Симонов]

Здравствуйте
Есть код - fiddle
Как создать show/hide при клике на одну и туже кнопку без использования toggle?

Comments

[Alams Stoyne]

Через проверку класса или переменной

[Иван Симонов]

сделал так

btn.addEventListener('click', (event) => {
  if (block.classList.contains('active')) {
    hide()
  } else {
    show();
  }
});

Answer 1

[Алексей Уколов]

btn.addEventListener('click', (event) => {
  block.classList.contains('active') ? hide() : show();
});

Ещё можно завести флаг открытости в виде переменной или data-атрибута на элементе. Но с классом проще всего.

Comments

[Максим]

hide() и show() это функции ?

[Иван Симонов]

Максим Ленский, да
Пример

btn.addEventListener('click', (event) => {
  if (block.classList.contains('active')) {
    hide()
  } else {
    show();
  }
});

Пример с использованием тернарного оператора

btn.addEventListener('click', (event) => {
  block.classList.contains('active') ? hide() : show();
});

Answer 2

[Rsa97]

Или вообще без JavaScript