0

function f1() {
    var a = document.getElementsByClassName("car")[0];
    display = a.style.display;
    if (display == "none") {
      a.style.display = "block";
    } else {
      a.style.display = "none";
    }
}
<div class="car" style="display: none;">car</div>
<button onclick="f1()">Close / Open</button>

Знаю что этот вопрос был много раз задан, но решение я находил только с помощью jQuery, я ещё эту библиотеку не изучал, поэтому хотелось бы узнать, как можно это решить с помощью чистого js? Буду очень благодарен.

1

2 ответа 2

0

function f1() {
var a = document.getElementsByClassName("car")[0];
  display = a.style.display;
  if (display == "none") {
    a.style.display = "block";
  } else {
    a.style.display = "none";
  }
}

function CloseClickOutside(e) {
    if(!e.target.matches('button')) {
        document.getElementsByClassName("car")[0].style.display = 'none';
    }
}
document.addEventListener('click', CloseClickOutside);
document.addEventListener('touchstart', CloseClickOutside);
<div class="car" style="display:none">car</div>
<button onclick="f1()">Close/Open</button>

0

var a = document.getElementsByClassName("car")[0];
  
function f1() {
  display = a.style.display;
  if(display == "none") {
    a.style.display = "block";
  } else {
    a.style.display = "none";
  }
}

window.addEventListener("click", function(event) {  
  if(!event.target.closest('#menu-btn')) {
    a.style.display = "none";
  } 
});
<div class="car" style="display: none;">car</div>
<button onclick="f1()" id="menu-btn">Close / Open</button>

Всё хорошо же. Потеряли ; после none.

4
  • Да, я это знаю, эта функция позволяет закрывать и открывать див при нажатии на ОПРЕДЕЛЁННУЮ кнопку, а я хотел что бы он закрывался при нажатии в НЕ дива :) Есть такое решение?) 19 окт 2019 в 10:19
  • ̶в̶ ̶Н̶Е̶ Вне дива - вы имеете ввиду, что при нажатии на любую область экрана - меню закрывалось? Верно?)
    – Xhonor
    19 окт 2019 в 10:29
  • Да, всё верно..) 19 окт 2019 в 10:48
  • Ответ уже дали смотрю)
    – Xhonor
    19 окт 2019 в 11:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.