MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

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

/* Add the hamburger menu button */
$(function () {
        /* Add the hamburger menu button */
	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";
        
        /* Open regular edition and kanji by default if they are on the page */
        if (document.getElementsByClassName("language-items").length > 0) {
            document.getElementById("tab-kanji").click();
        }

        if (document.getElementsByClassName("edition-items").length > 0) {
            document.getElementById("tab-re").click();
        }

}());

/* Make the hamburger work */
var isShownburger = false;

function toggleMenu() {
    if (isShownburger) {
        document.getElementById("mw-panel").style.display = "none";
        isShownburger = false;
        }
        else {
        document.getElementById("mw-panel").style.display = "initial";
        isShownburger = true;
        }
        return isShownburger;
};

$(document).ready(function () {
    $('.language-button,.en').on('click', function() {
        $(this).toggleClass('highlight');
        $('.language-target,.en').show();
        $('.language-target,.jp').hide();
    });
});

$(document).ready(function () {
    $('.language-button,.jp').on('click', function() {
        $(this).toggleClass('highlight');
        $('.language-target,.jp').show();
        $('.language-target,.en').hide();
    });
});

$(document).ready(function () {
    $('.edition-button').on('click', function() {
        $(this).toggleClass('highlight');
        $('.edition-target').toggle();
    });
});