Tabs.js

tabs('.fk-tabs', '.fk-tabs-list', '.fk-tab-item');

/**
 * Tabs
 *
 * @example
 * tabs('.tabs', '.tabs-list', '.tab-item');
 * @param {(string|Object)} container - main container for tabs
 * @param {(string|Object)} list - ul list for each tab item
 * @param {(string|Object)} item - tab block for each li item
 */
function tabs(container, list, item) {
    var parent = $(container), menu = $(list), child = $(item);

    menu.on('click', 'li:not(.is-active)', function () {
        $(this)
            .addClass('is-active').siblings().removeClass('is-active')
            .closest(parent).find(child).removeClass('is-active').eq($(this).index()).addClass('is-active');
    });

}