MediaWiki:Common.js

// Переключение вкладок и классов "chaos-*".
mw.hook('wikipage.content').add(function ($root) {
  $root.find('.hj-chaos-container').each(function () {
    var $container = $(this);
    var $buttons   = $container.find('.hj-chaos-tab-button');
    var $blocks    = $container.find('.hj-chaos-block');

    if (!$buttons.length || !$blocks.length) return;

    var CHAOS_CLASSES = 'chaos-overview chaos-calm chaos-medium chaos-high';

    function activate(key, $btn) {
      // активная кнопка
      $buttons.removeClass('active');
      $btn.addClass('active');

      // активный блок
      $blocks.removeClass('active').hide();
      $blocks
        .filter('[data-chaos="' + key + '"]')
        .addClass('active')
        .show();

      // класс на контейнере для раскраски рамок/фона
      $container
        .removeClass(CHAOS_CLASSES)
        .addClass('chaos-' + key);
    }

    // Инициализация
    var $activeBtn = $buttons.filter('.active').first();
    if ($activeBtn.length) {
      activate($activeBtn.data('chaos'), $activeBtn);
    } else {
      var $first = $buttons.first();
      activate($first.data('chaos'), $first);
    }

    // Клики
    $buttons.off('click.hjChaos').on('click.hjChaos', function () {
      var $btn = $(this);
      activate($btn.data('chaos'), $btn);
    });
  });
});