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 language buttons */

/* Kanji Toggle */
$(document).ready(function () {
    $('.language-button.jp').on('click', function() {
        $('#en-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.jp-content').show();
        $('.en-content').hide();
        $('.ro-content').hide();
    });
});

/* Romaji Toggle */
$(document).ready(function () {
    $('.language-button.ro').on('click', function() {
        $('#ro-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.ro-content').show();
        $('.jp-content').hide();
        $('.en-content').hide();
    });
});

/* English Toggle */
$(document).ready(function () {
    $('.language-button.en').on('click', function() {
        $('#jp-button').removeClass('highlight');
        $(this).addClass('highlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
});

/* Implement edition buttons */

/* RE Toggle */
$(document).ready(function () {
    $('.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 */
$(document).ready(function () {
    $('.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 */
$(document).ready(function () {
    $('.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();
    });
});