JavaScript Отменить действие при повторном нажатие

Question

JavaScript Отменить действие при повторном нажатие

Тимофей Образцов Ученик (130), открыт 4 дня назад

JavaScript
Как отменить действие при повторном нажатие именно на моём примере

 var searchblock = document.getElementsByClassName("searchblock"); 
var button = document.getElementsByClassName("button"); 
button[0].addEventListener("click", function (e) { 
  searchblock[0].style.marginTop = 100 + "px"; 
  searchblock[0].style.transition = 1000 + "ms"; 
  searchblock[0].style.height = 100 + "px"; 
})

Answer 1

Задаёшь отдельный стиль в CSS.

 .custom-style{
  margin-top: 100px;
  transition: 1000ms;
  height: 100px;
}

Используешь метод toggle:

 const searchblock = document.querySelector('.searchblock');
const button = document.querySelector('.button');
button.addEventListener('click', function() {
  searchblock.classList.toggle('custom-style');
});