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() {
    // Create toggle button
    var toggleHtml = `
        <div class="content-toggle">
            <span>Anime</span>
            <label class="toggle-switch">
                <input type="checkbox" id="contentToggle">
                <span class="slider"></span>
            </label>
            <span>Manga</span>
        </div>
    `;
    $('body').append(toggleHtml);

    // Load saved preference
    var isMangaMode = localStorage.getItem('mangaMode') === 'true';
    $('#contentToggle').prop('checked', isMangaMode);
    updateContent(isMangaMode);

    // Handle toggle changes
    $('#contentToggle').change(function() {
        var isMangaMode = $(this).is(':checked');
        localStorage.setItem('mangaMode', isMangaMode);
        updateContent(isMangaMode);
    });
});

function updateContent(isMangaMode) {
    $('.manga-only').toggle(isMangaMode);
    $('.anime-only').toggle(!isMangaMode);
}