MediaWiki:Common.js

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

/* Add the hamburger menu button */
$(function () {
	var hamburgerContainer = document.getElementById('p-namespaces');
	var hamburger = document.getElementById('p-namespaces-label');
        hamburger.innerHTML = "<i class='fa fa-bars'></i>";
        hamburgerContainer.setAttribute("onclick","toggleMenu();");
        hamburger.style.display = "initial";
}());

/* Implement hamburger menu */
$(document).ready(function () {
    $('#p-namespaces-label').on('click', function() {
        $(this).toggleClass('highlight');
        $('#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();
    });
});

/* English Toggle */
$(document).ready(function () {
    $('.language-button.en').on('click', function() {
        $("#jp-button").removeClass('highlight');
        $(this).addClass('highlight');
        $('.en-content').show();
        $('.jp-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();
    });
});