<!--Библиотека VORON--><!--Вкладки из зеро https://voron-dev.ru/tabs--> <script>
let blocks1 = ['#rec12345678' ];
let buttons1 = document.querySelectorAll('div[class*="tabbtn1"]');
function show1(e) {
blocks1.forEach(element => {
if (Array.isArray(element)) {
element.forEach(subElement => {
document.querySelector(subElement).classList.remove('v-activetab');
});
} else {
document.querySelector(element).classList.remove('v-activetab');
}
});
buttons1.forEach(element => {
element.classList.remove('v-activebtn1');
});
document.querySelectorAll('.tabbtn1-' + e.attributes.num.value).forEach(element => {
element.classList.add('v-activebtn1');
});
const targetBlock = blocks1[parseFloat(e.attributes.num.value) - 1];
if (Array.isArray(targetBlock)) {
targetBlock.forEach(subElement => {
document.querySelector(subElement).classList.add('v-activetab');
});
} else {
document.querySelector(targetBlock).classList.add('v-activetab');
};
if (typeof t_lazyload_update !== "undefined") t_lazyload_update(); if ((document.querySelector('.js-product.t-store__card') || document.querySelector('.v-activetab [data-elem-type="gallery"]')) && !document.querySelector('.slick-slider')) window.dispatchEvent(new Event('resize'));
};
t_onReady(function () {
t_onFuncLoad('t396_init', function () {
blocks1.forEach(function(element) {
if (Array.isArray(element)) {
element.forEach(subElement => {
document.querySelector(subElement).classList.add('v-inactive');
});
} else {
document.querySelector(element).classList.add('v-inactive');
}
});
buttons1.forEach((element) => {
element.setAttribute('num', element.classList[2].split('-')[1]);
if (parseFloat(element.classList[2].split('-')[1]) === 1) {
element.classList.add('v-activebtn1');
};
element.addEventListener('click', function() {show1(this)}, true);
});
document.querySelector('.tabbtn1-1').click();
if (window.location.hash && window.location.hash.indexOf('/tab/') === -1) document.querySelector('[class*="tabbtn"] a[href="' + window.location.hash + '"]').click();
let sel = 0;
const selectElements = document.querySelectorAll('.tabdrop1 select');
if (selectElements.length > 0) {
selectElements.forEach(function(selectElement) {
selectElement.closest('form').querySelector('.tn-form__submit').remove();
selectElement.addEventListener('change', function(e) {
sel = this.selectedIndex;
const tabButton = document.querySelector('.tabbtn1-' + (sel + 1));
if (tabButton) tabButton.click();
selectElements.forEach(function(selectElement) {
selectElement.selectedIndex = sel;
});
});
});
}
})
})
</script> <style>
div[class*="tabbtn"], div[class*="prev"], div[class*="next"] {
cursor: pointer;
}
.v-inactive {
display: none !important;
}
.v-activetab {
display: block !important;
}
.v-activebtn1 .tn-atom {
}
</style>
123