<div class="container">
<div class="container-buttons">
<a href="#" data-block="one">Первый</a>
<a href="#" data-block="two">Второй</a>
</div>
<div class="container-block">
<div data-block="one">Текст первого блока</div>
<div data-block="two">Текст второго блока</div>
</div>
</div>
<script>
;(function () {
'use strict';
window.tabs = function (options) {
var setting = Object.assign({}, {
/* Селектор общего контейнера табов */
container: '.container',
/* Селектор кнопок табов */
buttons: '.container-buttons > a',
/* Селектор содержимого табов */
block: '.container-block > div',
/* Название data-* атриубта для идентификации содержимого таба */
dataAttr: 'block',
/* Название события, при котором табы будут открыватся */
trigger: 'click',
/* CSS значение, если блок показан и если скрыт. Например если разметка на flex, то свойство show должно быть "flex" */
display: {
show: 'block',
hide: 'none'
}
}, options || {});
var $containers = document.querySelectorAll(setting.container);
var events = setting.trigger.split(' ');
Array.prototype.forEach.call($containers, function ($container) {
var selector = {
$buttons: $container.querySelectorAll(setting.buttons),
$block: $container.querySelectorAll(setting.block)
};
Array.prototype.forEach.call(selector.$buttons, function ($button) {
events.forEach(function (event) {
$button.addEventListener(event, function (e) {
e.preventDefault();
var uuid = this.dataset[setting.dataAttr];
Array.prototype.forEach.call(selector.$block, function ($block) {
if ($block.dataset[setting.dataAttr] === uuid) {
$block.style.display = setting.display.show;
} else {
$block.style.display = setting.display.hide;
}
});
});
})
});
});
};
}());
;(function () {
'use strict';
window.tabs(/* Объект параметров */);
}());
</script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function () {
window.slider = new IdealImageSlider.Slider('#slider_news');
window.slider.addBulletNav();
window.slider.addCaptions();
});
</script>
<div data-tab="1">Info 1 </div>
$(".tab-panels > div[data-tab="+ $fast +"]").show();
function numberShorter(value, fixed, symbols) {
var schema = symbols || ['', 'k', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'];
var index = Math.floor(Math.log10(value) / 3);
return (value / Math.pow(10, 3 * index)).toFixed(fixed || 2) + (!schema[index] && index > 2 ? ('e' + index * 3) : schema[index]);
}
Синтаксическая ошибка
Замените = на :