[Enkille]

Подскажите, как исправить данный код, чтобы на разрешении меньше 960px по клику на BTN срабатывал event и показывался BLOCK, а при повторном клике на BTN срабатывал снова event на Display:NONE.

Долго ковырялся в данном коде, но ничего путного не вышло. Работает только display:block, а обратно по клику block не закрывается (display:none). Прошу вашей помощи.

(function(){
  var btn = document.querySelector(".gruppi-toggle");
  var block = document.querySelector(".speciali-gruppi-window");

  if (window.screen.width < 960){
    btn.addEventListener("click", function(){block.style.display = "block";});
    btn.addEventListener("click", function(){block.style.display = "none";});
  }
})();

P.S. код немного уменьшил, т.к. у меня есть второй if, на разрешение больше 960 и click\mouseLeave - там все ок.