MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
m (Protected "MediaWiki:Common.js": Important page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
No edit summary
Line 2: Line 2:
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener("DOMContentLoaded", function() {
     var captions = document.querySelectorAll(".clickable-caption .caption-text");
     var captions = document.querySelectorAll(".clickable-caption .caption-text");
   
     captions.forEach(function(caption) {
     captions.forEach(function(caption) {
         caption.style.cursor = "pointer";
         caption.style.cursor = "pointer";
       
         caption.addEventListener("click", function() {
         caption.addEventListener("click", function() {
             var expandedText = this.parentElement.nextElementSibling;
             var expandedText = this.closest('.clickable-caption').querySelector('.expanded-text');
           
             if (expandedText.style.display === "none" || expandedText.style.display === "") {
             if (expandedText.style.display === "none" || expandedText.style.display === "") {
                 expandedText.style.display = "block";
                 expandedText.style.display = "block";

Revision as of 04:42, 19 May 2024

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function() {
    var captions = document.querySelectorAll(".clickable-caption .caption-text");
    
    captions.forEach(function(caption) {
        caption.style.cursor = "pointer";
        
        caption.addEventListener("click", function() {
            var expandedText = this.closest('.clickable-caption').querySelector('.expanded-text');
            
            if (expandedText.style.display === "none" || expandedText.style.display === "") {
                expandedText.style.display = "block";
            } else {
                expandedText.style.display = "none";
            }
        });
    });
});