Template:Dropdown: Difference between revisions

Revision as of 04:17, 11 April 2025

Template documentation (for the above template, sometimes hidden or invisible)

adds a customizable dropdown menu like this one:

see w:c:dev:DropdownMenu for more information

@@ Line 1: / Line 1: @@
 <includeonly>
-<div style="position:relative;display:inline-block;" onmouseover="this.querySelector('.dropdown-menu').style.display='block'" onmouseout="this.querySelector('.dropdown-menu').style.display='none'">
+<div class="mw-collapsible mw-collapsed" style="background:#f9f9f9;border:1px solid #ccc;padding:6px 10px;width:100%;box-sizing:border-box;">
-  <div style="background:#f9f9f9;padding:6px 10px;border:1px solid #ccc;border-radius:4px;display:inline-block;cursor:default;">
+  <strong>{{{1}}} ▼</strong>
-    {{{1}}} ▼
+   <div class="mw-collapsible-content">
-  </div>
+     <ul style="margin:0;padding-left:20px;">
-   <div class="dropdown-menu" style="display:none;position:absolute;top:100%;left:0;min-width:150px;background:white;border:1px solid #aaa;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.15);z-index:999;">
+       {{#if:{{{2|}}}|<li>{{{2}}}</li>}}
-     <ul style="margin:0;padding:0;list-style:none;">
+       {{#if:{{{3|}}}|<li>{{{3}}}</li>}}
-       {{#if:{{{2|}}}|<li style="padding:8px 12px;">{{{2}}}</li>}}
+       {{#if:{{{4|}}}|<li>{{{4}}}</li>}}
-       {{#if:{{{3|}}}|<li style="padding:8px 12px;">{{{3}}}</li>}}
+       {{#if:{{{5|}}}|<li>{{{5}}}</li>}}
-       {{#if:{{{4|}}}|<li style="padding:8px 12px;">{{{4}}}</li>}}
-       {{#if:{{{5|}}}|<li style="padding:8px 12px;">{{{5}}}</li>}}
      </ul>
    </div>