MediaWiki:Test.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

(function() {
    var initAccordions = function() {
        var accordions = document.querySelectorAll('.accordion-header');
        
        var toggleAccordion = function(e) {
            var content = this.parentNode.querySelector('.accordion-content');
            content.classList.toggle('active');
        };

        for (var i = 0; i < accordions.length; i++) {
            accordions[i].addEventListener('click', toggleAccordion);
        }
    };

    var addCardHover = function() {
        var cards = document.querySelectorAll('.species-card');
        
        var handleHover = function(isOver) {
            return function() {
                this.style.transform = isOver ? 'scale(1.03)' : 'none';
            };
        };

        for (var j = 0; j < cards.length; j++) {
            cards[j].addEventListener('mouseover', handleHover(true));
            cards[j].addEventListener('mouseout', handleHover(false));
        }
    };

    var initClassifiedAnimation = function() {
        var classifiedElements = document.querySelectorAll('.classified');
        for (var k = 0; k < classifiedElements.length; k++) {
            classifiedElements[k].style.animation = 'pulse 2s infinite';
        }
    };

    if (document.readyState === 'complete') {
        initAccordions();
        addCardHover();
        initClassifiedAnimation();
    } else {
        window.addEventListener('load', function() {
            initAccordions();
            addCardHover();
            initClassifiedAnimation();
        });
    }
})();