Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:CollapsibleHeader

Template page
Revision as of 03:45, 4 January 2025 by Idkman (talk | contribs) (Created page with "<div class="mw-collapsible mw-collapsed"> <h2> <span class="mw-collapsible-toggle" style="cursor: pointer;"> <span class="mw-collapsible-arrow">↓</span> <!-- Down arrow for collapsed state --> </span> {{{header}}} </h2> <div class="mw-collapsible-content"> {{{content}}} </div> </div> <script> document.querySelectorAll('.mw-collapsible-toggle').forEach(function(toggle) { toggle.addEventListener('click', function() { var parent = this.closest('.mw-collapsible'); va...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

{{{header}}}

{{{content}}}

<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 = '↓'; // Down arrow (expand) } else { content.style.display = 'none'; arrow.innerHTML = '↑'; // Up arrow (collapse) } }); }); </script>

Cookies help us deliver our services. By using our services, you agree to our use of cookies.