Как сделать: при нажатии на кнопку показать блок,при повторном нажатии скрыть(на чистом js)?

Question

[Андрей Иванов]

Как сделать : при нажатии на кнопку показать блок,при повторном нажатии скрыть(на чистом js) ?

https://codepen.io/anon/pen/vrddEK

Answer 1

[Евгений Корначев]

var popup = document.querySelector('.popup');
var open = document.querySelector('.open');
popup.style.display = 'none'


open.addEventListener("click",      function() {

    if(popup.style.display == 'none')  popup.style.display = 'block';
    else popup.style.display = 'none'
    
  });

Comments

[Андрей Иванов]

Спасибо )

Answer 2

[Sagrana]

Как-то так

Comments

[Андрей Иванов]

Спасибо )

[AngReload]

Вместо этого:

if(element.classList.contains("show-block")) {
  	element.classList.remove("show-block");
  } else {
  	element.classList.add("show-block");
  }

Можно проще:
element.classList.toggle("show-block");