document.addEventListener("DOMContentLoaded", ()=> {
const buttons=document.querySelectorAll(".button-act--aubert");
buttons.forEach(button=> {
button.addEventListener("click", ()=> {
const faqItem=button.closest(".faq-item-aubert");
if(!faqItem) return;
if(faqItem.classList.contains("active")){
faqItem.classList.remove("active");
}else{
faqItem.classList.add("active");
}});
});
});
document.addEventListener('DOMContentLoaded', function (){
const tabs=document.querySelectorAll('.tabs-item');
const contents=document.querySelectorAll('.tarif-content');
tabs.forEach((tab, index)=> {
tab.addEventListener('click', ()=> {
tabs.forEach(t=> t.classList.remove('active'));
contents.forEach(c=> c.classList.remove('active'));
tab.classList.add('active');
contents[index].classList.add('active');
});
});
});
document.addEventListener("DOMContentLoaded", function (){
let dropdownInitialized=false;
function initDropdown(){
const dropdown=document.querySelector(".tarifs-dropdown");
if(!dropdown||dropdownInitialized) return;
const ul=dropdown.querySelector(".tarifs-tabs");
const items=ul.querySelectorAll(".tabs-item");
const selectedDiv=document.createElement("div");
selectedDiv.className="tarifs-selected";
selectedDiv.innerHTML=`<span class="label"></span><span class="tarifs-arrow">▼</span>`;
dropdown.insertBefore(selectedDiv, ul);
const label=selectedDiv.querySelector(".label");
const activeItem=ul.querySelector(".tabs-item.active")||items[0];
label.textContent=activeItem.textContent.trim();
selectedDiv.addEventListener("click", ()=> {
dropdown.classList.toggle("open");
});
items.forEach(item=> {
item.addEventListener("click", ()=> {
items.forEach(i=> i.classList.remove("active"));
item.classList.add("active");
label.textContent=item.textContent.trim();
dropdown.classList.remove("open");
});
});
document.addEventListener("click", (e)=> {
if(!dropdown.contains(e.target)){
dropdown.classList.remove("open");
}});
dropdownInitialized=true;
}
function destroyDropdown(){
const dropdown=document.querySelector(".tarifs-dropdown");
if(!dropdown||!dropdownInitialized) return;
const selectedDiv=dropdown.querySelector(".tarifs-selected");
if(selectedDiv) selectedDiv.remove();
dropdown.classList.remove("open");
dropdownInitialized=false;
}
function checkScreenSize(){
if(window.innerWidth <=768){
initDropdown();
}else{
destroyDropdown();
}}
checkScreenSize()
window.addEventListener("resize", checkScreenSize);
});
document.addEventListener("DOMContentLoaded", function (){
if(typeof jQuery!=='undefined'&&jQuery('.services-slider').length){
jQuery('.services-slider').slick({
slidesToShow: 4,
slidesToScroll: 1,
arrows: true,
dots: false,
infinite: false,
prevArrow: '<button class="slick-prev"><span class="arrow-left"></span></button>',
nextArrow: '<button class="slick-next"><span class="arrow-right"></span></button>',
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2
}},
{
breakpoint: 640,
settings: {
slidesToShow: 1
}}
]
});
}
const cards=document.querySelectorAll('.service-card');
cards.forEach(card=> {
const content=card.querySelector('.service-card__content');
if(!content) return;
const elements=content.querySelectorAll('p, .btn');
card.addEventListener('mouseenter', ()=> {
elements.forEach(el=> el.style.display='inline-block');
});
card.addEventListener('mouseleave', ()=> {
elements.forEach(el=> el.style.display='none');
});
});
});