MediaWiki:Common.js

From ANZUS Wiki
Revision as of 09:58, 18 May 2024 by AstridFarland (talk | contribs) (Created page with "→‎Any JavaScript here will be loaded for all users on every page load.: →‎Collapsible Icon Menu: document.addEventListener("DOMContentLoaded", function() { var icons = document.querySelectorAll('.collapsible-icon'); var contents = document.querySelectorAll('.collapsible-content'); icons.forEach(function(icon, index) { icon.addEventListener('click', function() { // Hide all content sections contents.forEach(function(conten...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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.
/* Any JavaScript here will be loaded for all users on every page load. */

/*Collapsible Icon Menu*/
document.addEventListener("DOMContentLoaded", function() {
    var icons = document.querySelectorAll('.collapsible-icon');
    var contents = document.querySelectorAll('.collapsible-content');

    icons.forEach(function(icon, index) {
        icon.addEventListener('click', function() {
            // Hide all content sections
            contents.forEach(function(content) {
                content.classList.remove('active');
            });

            // Show the clicked content section
            contents[index].classList.add('active');
        });
    });
});