Template:CollapsibleHeader: Difference between revisions

Revision as of 03:46, 4 January 2025

{{{content}}}

@@ Line 1: / Line 1: @@
 <div class="mw-collapsible mw-collapsed">
 <h2>
-<span class="mw-collapsible-toggle" style="cursor: pointer;">
 <span class="mw-collapsible-arrow">&#x2193;</span> <!-- Down arrow for collapsed state -->
-</span>
 {{{header}}}
 </h2>
@@ Line 10: / Line 8: @@
 </div>
 </div>
-<script>
-document.querySelectorAll('.mw-collapsible-toggle').forEach(function(toggle) {
-toggle.addEventListener('click', function() {
-var parent = this.closest('.mw-collapsible');
-var content = parent.querySelector('.mw-collapsible-content');
-var arrow = this.querySelector('.mw-collapsible-arrow');
-if (content.style.display === 'none') {
-content.style.display = 'block';
-arrow.innerHTML = '&#x2193;'; // Down arrow (expand)
-} else {
-content.style.display = 'none';
-arrow.innerHTML = '&#x2191;'; // Up arrow (collapse)
-}
-});
-});
-</script>