MediaWiki:Gadget-tabs.js: Difference between revisions

Revision as of 15:01, 9 February 2025

document.addEventListener('DOMContentLoaded', function () {
            document.body.addEventListener('click', function (e) {
                var target = e.target;

                // Ensure the clicked element is an <a> inside a <span class="show-div">
                if (target.tagName.toLowerCase() === 'a' && target.parentNode.className.indexOf('show-div') !== -1) {
                    e.preventDefault(); // Prevent default anchor behavior

                    var targetId = target.getAttribute('href').substring(1); // Extract value after '#'

                    // 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 by selecting its data-id
                    var targetDiv = document.querySelector('.content[data-id="' + targetId + '"]');
                    if (targetDiv) {
                        targetDiv.classList.remove('hidden');
                    }
                }
            });
        });