Template:Dropdown: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 04:26, 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

Visit Template:Dropdown/doc to edit this text! (How does this work?)

@@ Line 1: / Line 1: @@
 <includeonly>
-<div class="dropdown-menu-container">
+<div class="mw-collapsible mw-collapsed" style="background: #fff; border: 1px solid #ccc; border-radius: 8px; padding: 10px 14px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); margin: 8px 0; font-weight: bold; cursor: pointer; color: #333; font-family: 'Arial', sans-serif; transition: box-shadow 0.3s ease, background-color 0.3s ease;">
-  <span class="dropdown-label">{{{1}}}</span>
+  {{{1}}} ▼
-  <ul class="dropdown-list">
+  <div class="mw-collapsible-content" style="margin-top: 10px; padding-left: 12px; display: none; transition: max-height 0.3s ease-in-out;">
-    {{#if:{{{2|}}}|<li>{{{2}}}</li>}}
+    <ul style="list-style-type: none; margin: 0; padding: 0;">
-    {{#if:{{{3|}}}|<li>{{{3}}}</li>}}
+      {{#if:{{{2|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{2}}}</li>}}
-    {{#if:{{{4|}}}|<li>{{{4}}}</li>}}
+      {{#if:{{{3|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{3}}}</li>}}
-    {{#if:{{{5|}}}|<li>{{{5}}}</li>}}
+      {{#if:{{{4|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{4}}}</li>}}
-    {{#if:{{{6|}}}|<li>{{{6}}}</li>}}
+      {{#if:{{{5|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{5}}}</li>}}
-    {{#if:{{{7|}}}|<li>{{{7}}}</li>}}
+      {{#if:{{{6|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{6}}}</li>}}
-    {{#if:{{{8|}}}|<li>{{{8}}}</li>}}
+      {{#if:{{{7|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{7}}}</li>}}
-    {{#if:{{{9|}}}|<li>{{{9}}}</li>}}
+      {{#if:{{{8|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{8}}}</li>}}
-    {{#if:{{{10|}}}|<li>{{{10}}}</li>}}
+      {{#if:{{{9|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{9}}}</li>}}
-    {{#if:{{{11|}}}|<li>{{{11}}}</li>}}
+      {{#if:{{{10|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{10}}}</li>}}
-    {{#if:{{{12|}}}|<li>{{{12}}}</li>}}
+      {{#if:{{{11|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{11}}}</li>}}
-    {{#if:{{{13|}}}|<li>{{{13}}}</li>}}
+      {{#if:{{{12|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{12}}}</li>}}
-    {{#if:{{{14|}}}|<li>{{{14}}}</li>}}
+      {{#if:{{{13|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{13}}}</li>}}
-    {{#if:{{{15|}}}|<li>{{{15}}}</li>}}
+      {{#if:{{{14|}}}|<li style="padding: 8px 0; border-bottom: 1px solid #eee;">{{{14}}}</li>}}
-    {{#if:{{{16|}}}|<li>{{{16}}}</li>}}
+      {{#if:{{{15|}}}|<li style="padding: 8px 0;">{{{15}}}</li>}}
-    {{#if:{{{17|}}}|<li>{{{17}}}</li>}}
+     </ul>
-    {{#if:{{{18|}}}|<li>{{{18}}}</li>}}
+   </div>
-    {{#if:{{{19|}}}|<li>{{{19}}}</li>}}
-     {{#if:{{{20|}}}|<li>{{{20}}}</li>}}
-   </ul>
 </div>
 </includeonly>