const cardSelector=[...document.querySelectorAll(".typesCard")],card=[...document.querySelectorAll(".cardTires")],closeBtn=[...document.querySelectorAll(".close_btn")],svgImage=[...document.querySelectorAll(".svg_image")];let cardOpen=!1,slideNum=0;for(let n=0;n<cardSelector.length;n++){const t=()=>{card.forEach(n=>n.classList.remove("visibleCard")),svgImage.forEach(n=>n.classList.remove("blue"))};closeBtn[n].addEventListener("click",t);cardSelector[n].addEventListener("click",function(){cardOpen?cardOpen&&slideNum===1&&(card.forEach(n=>n.classList.remove("visibleCard")),svgImage.forEach(n=>n.classList.remove("blue")),card[n].classList.toggle("visibleCard"),svgImage[n].classList.toggle("blue"),slideNum=0,cardOpen=!cardOpen):(card.forEach(n=>n.classList.remove("visibleCard")),svgImage.forEach(n=>n.classList.remove("blue")),card[n].classList.toggle("visibleCard"),svgImage[n].classList.toggle("blue"),cardOpen=!cardOpen,slideNum=1)})}window.addEventListener("DOMContentLoaded",()=>{card[0].classList.toggle("visibleCard"),svgImage[0].classList.toggle("blue")});