MediaWiki:Gadget-tabs.js: Difference between revisions

Revision as of 14:28, 9 February 2025

document.addEventListener('DOMContentLoaded', function () {
            document.body.addEventListener('click', function (e) {
                var target = e.target;
                
                // Ensure we get the parent <span> that contains class "show-div"
                var parentSpan = target.closest ? target.closest('.show-div') : null;

                if (parentSpan) {
                    e.preventDefault();
                    var targetId = parentSpan.getAttribute('data-target');

                    // Hide all divs
                    var contentDivs = document.querySelectorAll('.content');
                    for (var i = 0; i < contentDivs.length; i++) {
                        contentDivs[i].classList.add('hidden');
                    }

                    // Show the targeted div
                    var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
                    if (targetDiv) {
                        targetDiv.classList.remove('hidden');
                    }
                }
            });
        });