MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */
$(document).ready(function () {
    $.get(mw.util.wikiScript('api'), {
        action: 'query',
        meta: 'userinfo',
        format: 'json'
    }).done(function (data) {
        if (data.query.userinfo.id !== 0) { 
            var username = data.query.userinfo.name;
            var userLink = mw.util.getUrl('User:' + username);
            $('#user-info').html('<a href="' + userLink + '" class="text-white">' + username + '</a>');
        }
    });
});

// Add this JavaScript to your script.js file or within a <script> block in your HTML
document.getElementById('offcanvas-toggler').addEventListener('click', function() {
    var sidebar = document.getElementById('offcanvas-menu');
    if (sidebar.classList.contains('show')) {
        sidebar.classList.remove('show');
    } else {
        sidebar.classList.add('show');
    }
});


function toggleSection(header) {
    var submenu = header.nextElementSibling;
    if (submenu.style.display === "none" || submenu.style.display === "") {
        submenu.style.display = "block";
    } else {
        submenu.style.display = "none";
    }
}

$(document).ready(function() {
    $('#offcanvas-toggler').on('click', function() {
        $('body').addClass('no-scroll');  
    });

    $('#offcanvas-close').on('click', function() {
        $('#offcanvas-menu').removeClass('offcanvas-right');
        $('body').removeClass('no-scroll'); 
    });

    $(document).on('click', function(event) {
        if (!$(event.target).closest('#offcanvas-menu').length && !$(event.target).is('#offcanvas-toggler')) {
            $('#offcanvas-menu').removeClass('offcanvas-right');
            $('body').removeClass('no-scroll'); 
        }
    });
});