MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */

/* Implement hamburger menu */
$(document).ready(function () {
    $('#p-namespaces-label').html("<i class='fa fa-bars'></i>").css('display', 'initial');
    $('#p-namespaces').on('click', function() {
        $('#mw-panel').toggle();
    });
});

/* Implement content toggle buttons */
$(document).ready(function () {
    /* Kanji Toggle */
    $('.language-button.jp').on('click', function() {
        $('#en-button').removeClass('highlight');
        $('#ro-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.jp-content').show();
        $('.en-content').hide();
        $('.ro-content').hide();
    });
    /* Romaji Toggle */
    $('.language-button.ro').on('click', function() {
        $('#en-button').removeClass('highlight');
        $('#jp-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.ro-content').show();
        $('.jp-content').hide();
        $('.en-content').hide();
    });
    /* English Toggle */
    $('.language-button.en').on('click', function() {
        $('#ro-button').removeClass('highlight');
        $('#jp-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
    /* RE Toggle */
    $('.edition-button.re').on('click', function() {
        $('#le-button').removeClass('highlight');
        $('#dx-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.re-content').show();
        $('.le-content').hide();
        $('.dx-content').hide();
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('highlight');
        $('#dx-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
    /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('highlight');
        $('#le-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
});