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. */
// MediaWiki:Common.js
$(document).ready(function() {
    // Add toggle buttons to the page
    const toggleContainer = $('<div class="toggle-container">' +
        '<div class="toggle-label">Select version:</div>' +
        '<button class="toggle-button anime-toggle">Anime</button>' +
        '<button class="toggle-button manga-toggle active">Manga</button>' +
        '</div>');
    
    // Insert the toggle container after the first heading
    $('#firstHeading').after(toggleContainer);
    
    // Set initial state
    $('body').addClass('show-manga');
    
    // Toggle functionality
    $('.anime-toggle').click(function() {
        $('.toggle-button').removeClass('active');
        $(this).addClass('active');
        $('body')
            .removeClass('show-manga')
            .addClass('show-anime');
        // Save preference in localStorage
        localStorage.setItem('contentPreference', 'anime');
    });
    
    $('.manga-toggle').click(function() {
        $('.toggle-button').removeClass('active');
        $(this).addClass('active');
        $('body')
            .removeClass('show-anime')
            .addClass('show-manga');
        // Save preference in localStorage
        localStorage.setItem('contentPreference', 'manga');
    });
    
    // Load saved preference
    const savedPreference = localStorage.getItem('contentPreference');
    if (savedPreference === 'anime') {
        $('.anime-toggle').click();
    }
});