MediaWiki:Gadget-tabs.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

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');
                    }
                }
            });
        });