K.V.K.K Aydınlatma Metni
- First tab
- Second tab
- Third tab
document.addEventListener("DOMContentLoaded", function() {
var tabs = document.querySelectorAll('.tabbed li');
var switchers = document.querySelectorAll('.switcher-box a');
var skinable = document.getElementById('skinable');
for (var i = 0, len = tabs.length; i < len; i++) {
tabs[i].addEventListener("click", function() {
if (this.classList.contains('active'))
return;
var parent = this.parentNode,
innerTabs = parent.querySelectorAll('li');
for (var index = 0, iLen = innerTabs.length; index < iLen; index++) {
innerTabs[index].classList.remove('active');
}
this.classList.add('active');
});
}
for (var i = 0, len = switchers.length; i < len; i++) {
switchers[i].addEventListener("click", function() {
if (this.classList.contains('active'))
return;
var parent = this.parentNode,
innerSwitchers = parent.querySelectorAll('a'),
skinName = this.getAttribute('skin');
for (var index = 0, iLen = innerSwitchers.length; index < iLen; index++) {
innerSwitchers[index].classList.remove('active');
}
this.classList.add('active');
skinable.className = 'tabbed round ' + skinName;
});
}
});
expand_less