const btnActiveFirstMallacurricular = document.getElementById("slide_dato__btn0Mallacurricular");
btnActiveFirstMallacurricular.classList.add("btn-active");
const swiperDatosMallacurricular = new Swiper('.swiper_datos-Mallacurricular', {
autoHeight: true,
simulateTouch: false,
});
document
.querySelector('.slide-0Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn0Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(0, 0);
});
document
.querySelector('.slide-1Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn1Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(1, 0);
});
document
.querySelector('.slide-2Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn2Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(2, 0);
});
document
.querySelector('.slide-3Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn3Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(3, 0);
});
document
.querySelector('.slide-4Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn4Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(4, 0);
});
document
.querySelector('.slide-5Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn5Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(5, 0);
});
document
.querySelector('.slide-6Mallacurricular')
.addEventListener('click', function (e) {
e.preventDefault();
var elements = document.getElementById('content_btns_Mallacurricular').getElementsByClassName('btn-active');
for(element of elements){
element.classList.remove('btn-active');
}
var targetElement = document.getElementById("slide_dato__btn6Mallacurricular");
targetElement.classList.add("btn-active");
swiperDatosMallacurricular.slideTo(6, 0);
});