MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
(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...") |
mNo edit summary |
||
| Line 7: | Line 7: | ||
icons.forEach(function(icon, index) { | icons.forEach(function(icon, index) { | ||
function toggleContent() { | |||
// Hide all content sections | // Hide all content sections | ||
contents.forEach(function(content) { | contents.forEach(function(content) { | ||
| Line 15: | Line 15: | ||
// Show the clicked content section | // Show the clicked content section | ||
contents[index].classList.add('active'); | contents[index].classList.add('active'); | ||
}); | } | ||
icon.addEventListener('click', toggleContent); | |||
icon.addEventListener('touchstart', toggleContent); | |||
}); | }); | ||
}); | }); | ||
Revision as of 11:25, 18 May 2024
/* 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) {
function toggleContent() {
// Hide all content sections
contents.forEach(function(content) {
content.classList.remove('active');
});
// Show the clicked content section
contents[index].classList.add('active');
}
icon.addEventListener('click', toggleContent);
icon.addEventListener('touchstart', toggleContent);
});
});