const btnActiveFirstQusenecesita = document.getElementById("slide_dato__btn0Qusenecesita");
btnActiveFirstQusenecesita.classList.add("btn-active");
const swiperDatosQusenecesita = new Swiper('.swiper_datos-Qusenecesita', {
autoHeight: true,
simulateTouch: false,
});
document
.querySelector('.slide-0Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn0Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(0, 0);
});
document
.querySelector('.slide-1Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn1Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(1, 0);
});
document
.querySelector('.slide-2Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn2Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(2, 0);
});
document
.querySelector('.slide-3Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn3Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(3, 0);
});
document
.querySelector('.slide-4Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn4Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(4, 0);
});
document
.querySelector('.slide-5Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn5Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(5, 0);
});
document
.querySelector('.slide-6Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn6Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(6, 0);
});
document
.querySelector('.slide-7Qusenecesita')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Qusenecesita').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn7Qusenecesita");
targetElement.classList.add("btn-active");
swiperDatosQusenecesita.slideTo(7, 0);
});