MediaWiki:Common.js: различия между версиями

Текущая версия от 21:38, 2 декабря 2025

/* Размещённый здесь код 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'); // Автоматическая высота
        }
    });
});

// Автоскролл после открытия спойлера в меню Citizen
$(document).on('click', '.dropdown .dropbtn', function () {

    var $dropdown = $(this).closest('.dropdown');
    var $content = $dropdown.find('.dropdown-content');

    // Даем CSS-анимации завершиться, если она есть
    setTimeout(function () {

        // Если блок теперь виден — скроллим к нему
        if ($content.is(':visible')) {
            var top = $dropdown.offset().top - 80; // отступ сверху (регулируется)
            $('html, body').animate({ scrollTop: top }, 300);
        }

    }, 200);
});

@@ Строка 33: / Строка 33: @@
 });
-// Автоскролл при открытии выпадающих блоков
+// Автоскролл после открытия спойлера в меню Citizen
-$(document).ready(function () {
+$(document).on('click', '.dropdown .dropbtn', function () {
-    // Находим все выпадающие блоки
-    $('.dropdown .dropbtn').on('click', function () {
-        let parent = $(this).closest('.dropdown');
-        // Переключаем class .active
+    var $dropdown = $(this).closest('.dropdown');
-        parent.toggleClass('active');
+    var $content = $dropdown.find('.dropdown-content');
-         // Если блок открылся — скроллим
+    // Даем CSS-анимации завершиться, если она есть
-         if (parent.hasClass('active')) {
+    setTimeout(function () {
-             setTimeout(() => {
-                $('html, body').animate({
+         // Если блок теперь виден — скроллим к нему
-                    scrollTop: parent.offset().top - 120 // подстройка под Citizen-header
+         if ($content.is(':visible')) {
-                }, 400);
+             var top = $dropdown.offset().top - 80; // отступ сверху (регулируется)
-            }, 300); // ждём окончания анимации max-height
+            $('html, body').animate({ scrollTop: top }, 300);
          }
-     });
+     }, 200);
 });