Ребята нужна помощь, есть на странице кнопки(рис) при клике на них появляется popup.
Вот код того что у меня получилось, в js не силен, только учу:
html :
<button id="popup-loot01" class="loot-btn">Book Now</button>
<div id="popup-loot01" class="popup_loot"></div>
<button id="popup-loot02" class="loot-btn">Book Now</button>
<div id="popup-loot02" class="popup_loot loot2">
<button id="popup-loot03" class="loot-btn">Book Now</button>
<div id="popup-loot03" class="popup_loot loot3">
js:
(function popUp() {
var btnPopup = document.querySelectorAll('.loot-btn');
Array.prototype.forEach.call(btnPopup, function(e){
e.onclick = function(ev){
ev.preventDefault();
this.nextElementSibling.classList.toggle('show');
}
});
})();
При нажатии появляется, но при нажатии на другую кнопку появляется новый popup, а предыдущий popup не скрывается. Подскажите пожалуйста как это можно реализовать?
