Template:Collapsible/Relatives: Difference between revisions

Browse history interactively

← Older edit

VisualWikitext

Latest revision as of 17:12, 11 June 2026

Ancestor(s)

Grandparent(s)

Parent(s)

Sibling(s)

Spouse(s)

Offspring

Other

Usage

Copy and paste the following code to use the template.

{{Collapsible/Relatives|
|ancestors=
|grandparents=
|parents=
|siblings=
|spouses=
|offspring=
|other_relatives=
}}

Example(s)

Ancestor(s)

Grandparent(s)

Anakin Skywalker (Maternal Grandfather)
Padmé Amidala (Maternal Grandmother)

Parent(s)

Han Solo (Father)
Leia Organa Solo (Mother)

Sibling(s)

Jaina Solo (Sister; Twin)
Anakin Solo (Brother; Younger)

Spouse(s)

Offspring

Alana Solo (Daughter)

Other

{{Collapsible/Relatives|
|ancestors=
|grandparents=*Anakin Skywalker <small>(Maternal Grandfather)</small>
*Padmé Amidala <small>(Maternal Grandmother)</small>
|parents=*Han Solo <small>(Father)</small>
*Leia Organa Solo <small>(Mother)</small>
|siblings=*Jaina Solo <small>(Sister; Twin)</small>
*Anakin Solo <small>(Brother; Younger)</small>
|spouses=
|offspring=*Alana Solo <small>(Daughter)</small>
|other_relatives=
}}

@@ Line 1: / Line 1: @@
 <div class="relatives-colap" style="width: 100%;>
-<div style="align-self: flex-start; width: 100%;">
-<div class="mw-customtoggle-relatives1" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Ancestor(s)</div>
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{ancestors|}}} | visible | hidden }}; height: {{ #if: {{{ancestors|}}} | fit-content | 0 }};">
+<div class="mw-customtoggle-relatives1" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Ancestor(s)</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives1">
 <div class="mw-collapsible-content" style="">
@@ Line 8: / Line 9: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{grandparents|}}} | visible | hidden }}; height: {{ #if: {{{grandparents|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives2" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Grandparent(s)</div>
+<div class="mw-customtoggle-relatives2" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Grandparent(s)</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives2">
 <div class="mw-collapsible-content" style="">
@@ Line 16: / Line 17: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{parents|}}} | visible | hidden }}; height: {{ #if: {{{parents|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives3" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Parent(s)</div>
+<div class="mw-customtoggle-relatives3" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Parent(s)</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives3">
 <div class="mw-collapsible-content" style="">
@@ Line 24: / Line 25: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{siblings|}}} | visible | hidden }}; height: {{ #if: {{{siblings|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives4" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Sibling(s)</div>
+<div class="mw-customtoggle-relatives4" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Sibling(s)</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives4">
 <div class="mw-collapsible-content" style="">
@@ Line 32: / Line 33: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{spouses|}}} | visible | hidden }}; height: {{ #if: {{{spouses|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives5" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Spouse(s)</div>
+<div class="mw-customtoggle-relatives5" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Spouse(s)</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives5">
 <div class="mw-collapsible-content" style="">
@@ Line 40: / Line 41: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{offspring|}}} | visible | hidden }}; height: {{ #if: {{{offspring|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives6" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Offspring</div>
+<div class="mw-customtoggle-relatives6" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Offspring</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives6">
 <div class="mw-collapsible-content" style="">
@@ Line 48: / Line 49: @@
 </div>
-<div style="align-self: flex-start; width: 100%;">
+<div style="align-self: flex-start; width: 100%; visibility: {{ #if: {{{other_relatives|}}} | visible | hidden }}; height: {{ #if: {{{other_relatives|}}} | fit-content | 0 }};">
-<div class="mw-customtoggle-relatives7" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; text-transform: uppercase; border-radius: 8px; ">Other</div>
+<div class="mw-customtoggle-relatives7" style="cursor:pointer; font-family: 'ITC Avant Garde Std Medium Condensed'; border-radius: 8px; ">Other</div>
 <div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-relatives7">
 <div class="mw-collapsible-content" style="">
@@ Line 61: / Line 62: @@
 Copy and paste the following code to use the template.
 <pre>
-{{collapsible/relatives|
+{{Collapsible/Relatives|
 |ancestors=
 |grandparents=
@@ Line 73: / Line 74: @@
 ==Example(s)==
+{{Collapsible/Relatives|
+|ancestors=
+|grandparents=*Anakin Skywalker <small>(Maternal Grandfather)</small>
+*Padmé Amidala <small>(Maternal Grandmother)</small>
+|parents=*Han Solo <small>(Father)</small>
+*Leia Organa Solo <small>(Mother)</small>
+|siblings=*Jaina Solo <small>(Sister; Twin)</small>
+*Anakin Solo <small>(Brother; Younger)</small>
+|spouses=
+|offspring=*Alana Solo <small>(Daughter)</small>
+|other_relatives=
+}}
 <pre>
-{{collapsible/relatives|
+{{Collapsible/Relatives|
 |ancestors=
-|grandparents=
+|grandparents=*Anakin Skywalker <small>(Maternal Grandfather)</small>
-|parents=
+*Padmé Amidala <small>(Maternal Grandmother)</small>
-|siblings=
+|parents=*Han Solo <small>(Father)</small>
+*Leia Organa Solo <small>(Mother)</small>
+|siblings=*Jaina Solo <small>(Sister; Twin)</small>
+*Anakin Solo <small>(Brother; Younger)</small>
 |spouses=
-|offspring=
+|offspring=*Alana Solo <small>(Daughter)</small>
 |other_relatives=
 }}
 </pre>
 </noinclude>