MediaWiki:Common.js

/* Размещённый здесь код JavaScript будет загружаться пользователям при обращении к каждой странице */

mw.loader.using('mediawiki.util').then(function() {
    var isMobile = mw.config.get('skin') === 'minerva';

    if (isMobile) {
        // Мобильная версия
        $('.mobile-hide').hide();
    } else {
        // Десктопная версия
        $('.desktop-hide').hide();
    }
});

mw.hook('wikipage.content').add(function($content) {
    $content.find('.dropbtn').on('click', function(event) {
        event.preventDefault();
        var dropdown = $(this).closest('.dropdown');
        var content = dropdown.find('.dropdown-content');

        // Закрываем все открытые списки
        $('.dropdown').not(dropdown).removeClass('active').find('.dropdown-content').css('max-height', '0px');

        // Открываем/закрываем текущий список
        if (dropdown.hasClass('active')) {
            dropdown.removeClass('active');
            content.css('max-height', '0px');
        } else {
            dropdown.addClass('active');
            content.css('max-height', content[0].scrollHeight + 'px'); // Автоматическая высота
        }
    });
});

// Автоскролл при открытии выпадающих блоков
$(document).ready(function () {
    // Находим все выпадающие блоки
    $('.dropdown .dropbtn').on('click', function () {
        let parent = $(this).closest('.dropdown');

        // Переключаем class .active
        parent.toggleClass('active');

        // Если блок открылся — скроллим
        if (parent.hasClass('active')) {
            setTimeout(() => {
                $('html, body').animate({
                    scrollTop: parent.offset().top - 120 // подстройка под Citizen-header
                }, 400);
            }, 300); // ждём окончания анимации max-height
        }
    });
});

document.addEventListener("DOMContentLoaded", function () {
    const dropdowns = document.querySelectorAll(".dropdown");

    dropdowns.forEach(dropdown => {
        const btn = dropdown.querySelector(".dropbtn");

        btn.addEventListener("click", function () {

            // закрываем другие спойлеры
            dropdowns.forEach(d => {
                if (d !== dropdown) d.classList.remove("active");
            });

            // переключаем текущий
            dropdown.classList.toggle("active");

            // если открыт — скроллим к нему
            if (dropdown.classList.contains("active")) {
                setTimeout(() => {
                    dropdown.scrollIntoView({
                        behavior: "smooth",
                        block: "start"
                    });
                }, 150); // ждем пока CSS-анимация начнёт увеличивать высоту
            }
        });
    });
});