MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
No edit summary
mNo edit summary
Tag: Reverted
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function() {
document.addEventListener("DOMContentLoaded", function() {
    console.log("Common.js loaded");
     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.closest('.clickable-caption').querySelector('.expanded-text');
             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:44, 19 May 2024

/* Any JavaScript here will be loaded for all users on every page load. */
document.addEventListener("DOMContentLoaded", function() {
    console.log("Common.js loaded");
    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";
            }
        });
    });
});