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? Буду очень благодарен.
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>
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
.
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение
Хочу использовать swiper слайдерЯ уже разобрался как сделать автоматическое перелистывание картинок
За основу своего проекта хочу позаимствовать части исходников WinDiskImager
Пример инициализации обычных переменных и последовательностей, если не совсем уловили контекст вопроса: