Helpo:Kaŝeblaj elementoj

El Kitakujo

(Malsamoj inter versioj)

Nuna versio ekde 14:43, 24. Aŭg 2010

Kaŝeblaj elementoj provizas manieron kaŝi kaj malkaŝi tabelon aŭ blokon se kaŝi/montri butono estas klakata. La kodo por ĉi tiu funkcio troviĝas en MediaWiki:Common.js.

La komenca stato de iu kaŝebla enhavero povas esti difinata uzante "collapsible table" (por tabeloj), ĉar tio ankaŭ permesas tabelon kun nur unu elemento kun enhavo, kaj kaplinio.

Tia distingo ĉe blokoj nur eblas per la CSS-klasado. Do, se estas metata la klaso "NavFrame" kune kun "NavHead" kaj "NavContent" ĉi tiu kaŝebleco estas uzebla.

Tabelo

Simpla ekzemplo

Kun tabeloj estas pli facile labori, ĉar vi nur devus aldoni collapsible klason al la koncernata tabelo. Por aperigi la [kaŝi]/[montri] ligilon, la unu linio de la tabelo devas esti kaplinio, tio estas, unu el la ĉeloj en la unua linio devas estas difinata kun vokosigno (en vikia sintakso). La uzo de la klaso wikitable en la ekzemplo malsupre estas nur por konveneco; ĝi ne estas deviga por ke collapsible funkciu.

Tajpenda kodo

Rezulto

{| class="wikitable collapsible"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}

Simpla kaŝebla tabelo
Lorem ipsum dolor sit amet

Uzante la sintakson supre, kaŝeblaj tabeloj ofte estas uzata por ĉiam montri enkondukon al, aŭ resumon de, longega diskuto aŭ sekcio de enhavo, dum kaŝado de plej multo de tiu enhavo de rekta rigardo. La resuma mesaĝo estas metata en la kaplinian ĉelon, kaj la enhavo estas metata en la tabelkorpan ĉelon. La enhavo estas tiam facile akcesebla per klakado de 'montri' butono. La kaŝebleca funkcieco estas ankaŭ disponebla en pli larĝaj kaj pli komplikaj tabeloj, tiel longe ke tie estas kaplinia ĉelo en la unua linio de la tabelo.

Tajpenda kodo

Rezulto

{| class="wikitable collapsible"
 |Normala ĉelo en la kaplinio
 ! colspan="2"| Kapa ĉelo okupas du kolumnojn
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Kroma tabelkorpa ĉelo
 |}

Normala ĉelo en la kaplinio	Kapa ĉelo okupas du kolumnojn
Lorem ipsum dolor sit amet		Kroma tabelkorpa ĉelo

Kaŝado de tabeloj defaŭlte

Ĵus uzante la collapsible klason produktas tabelon kiu estas malkaŝata defaŭlte, sed povas esti kaŝata de la leganto. Estas ankaŭ eble krei tabeloj kiuj estas collapsed defaŭlte, kaj povas esti opcie malkaŝataj. Ekzistas certaj metodoj por fari tion, depende de la situacioj en kiuj vi volas kaŝigi la tabelon.

'collapsed'

Aldono de collapsed klaso kaŭzas ke tabelo estas ĉiam komence kaŝita. Ĝi estas la plej simpla metodo por fari tiel. Uzado de ekzemploj malsupre:

Tajpenda kodo

Rezulto

{| class="wikitable collapsible collapsed"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}

Simpla kaŝebla tabelo
Lorem ipsum dolor sit amet

{| class="wikitable collapsible collapsed"
 |Normala ĉelo en la kaplinio
 ! colspan="2"| Kaplinia ĉelo okupas du kolumnojn
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Kroma tabelkorpa ĉelo
 |}

Normala ĉelo en la kaplinio	Kaplinia ĉelo okupas du kolumnojn
Lorem ipsum dolor sit amet		Kroma tabelkorpa ĉelo

'autocollapse'

Aldono de autocollapse klaso kaŭzas ke tabelo kaŝiĝas se ekzistas pli ol antaŭdifinita nombro de kaŝeblaj tabeloj sur la paĝo. En eo.wiki, ĉi tiu antaŭdifino estas metata sur 0. La ekzemplo malsupre tial kaŝiĝas ĉar ekzitas pliaj kaŝeblaj tabeloj sur la paĝo.

Tajpenda kodo

Rezulto

{| class="wikitable collapsible autocollapse"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}

Simpla kaŝebla tabelo
Lorem ipsum dolor sit amet

'innercollapse' kaj 'outercollapse'

Uzante ĉi tiun paron de klasoj, estas eble fari tabelon kaŝiĝi defaŭlte nur se ĝi estas enkludata ene de ĉirkaŭa objekto, kiel ekz. alia tabelo.

Tajpenda kodo

Rezulto

{| class="wikitable outercollapse"
! Ĉi tiu tabelo ne kaŝiĝas
|-
| Sed la tabelo en ĉi tiu ĉelo

{| class="wikitable collapsible innercollapse"
! Ĝi kaŝiĝas
|-
| Kaŝu ĉi tiun parton
|}

|}

Ĉi tiu tabelo ne kaŝiĝas

Sed la tabelo en ĉi tiu ĉelo

Ĝi kaŝiĝas
Kaŝu ĉi tiun parton

Pliaj notoj

Ordigeblaj tabeloj

Kaŝeblaj tabeloj povas esti kombinataj kun funkcieco de ordigeblaj tabeloj sen malfacilaĵo. Tamen, ĉar la kaŝi/montri butono estas metata en la unuan kaplinian ĉelon, ĝia pozicio povas aspekti iom strange se la tabelo ne estas sufiĉe larĝa:

Tajpenda kodo

Rezulto

{| class="wikitable collapsible sortable"
!Nomo!!Poentoj
|-
|John||59
|-
|Jane||100
|-
|Bob||72
|}

Nomo	Poentoj
John	59
Jane	100
Bob	72

Alĝustigo

Registeritaj uzantoj povas redakti sian monobook.js dosieron por ŝanĝi kelkajn el uzataj variabloj.

autoCollapse = 4 //kiom da kaŝeblaj tabeloj sur la paĝo antaŭ ol memkaŝado ekas (defaŭlte=2)
var collapseCaption = 'faldi' //teksto de la [kaŝi] ligilo (defaŭlte='kaŝi')
var expandCaption = 'malfaldi' //teksto de la [montri] ligilo (defaŭlte='montri')

Blokoj

Por <div> (resp. </div>)- grupigo kun certaj klasoj ekzistas simila kodigo en MediaWiki:Common.js sekve priskribenda.

Kiel uzi

NavFrame divs

La baza koncepto ĉi tie estas uzi la div elementon ene de Vikia artikola marka kodo por identigi certan enhavon (kiujn ni nomas "detaloj" ĉi tie), pri kiu ni volas, ke la uzanto havas eblecon por "montri" aŭ "kaŝi" ĝin. La uzata markkodo por realigi ĉi tiun efikon entenas tri ĉefajn klasojn: NavFrame, NavHead, NavContent. La defaŭlta aranĝo de ĉi tiu kodo komence "montras" la detalojn, same bone kiel ligilon por "kaŝi" la detalojn.

Simpla ekzemplo

Vi devos krei tri div elementojn:

<div class="NavFrame">
  <div class="NavHead">[... Tio estas la titolo de via kaŝebbla enhavo ...]</div>
  <div class="NavContent">
    [... La enhavo, kiun vi volas kaŝi, sekvas ĉi tie ...]
  </div>
</div>

[... Tio estas la titolo de via kaŝebbla enhavo ...]

[... La enhavo, kiun vi volas kaŝi, sekvas ĉi tie ...]

Ekzemplo kun miksaj klasoj

Vi povas krome apliki aliajn klasojn apud la menciitaj, farante pli stilan desajnon prefere al tio, ke vi uzus la normalajn klasojn:

<div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">
    [... Tio estas la titolo; ĝi ne devas esti nura teksto, vi povas esti kreativa ĉi tie ...]</div>
  <div class="NavContent anotherclass">
    [... La enhavo, kiun vi volas kaŝi, sekvu ĉi tie ...]
  </div>
</div>

[... Tio estas la titolo; ĝi ne devas esti nura teksto, vi povas esti kreativa ĉi tie ...]

[... La enhavo, kiun vi volas kaŝi, sekvu ĉi tie ...]

Limigoj

Aktuale la tri Nav* klasoj aplikas stilojn per si mem. Se miksiĝas klasoj, tio kaŭzas ke kelkaj el la Nav stiloj superskribas aliajn stilojn (en la supra ekzemplo, NavFrame superskribas la stilojn de .messagebox.standard-talk).

Ĉi tiu limigoj ne koncernas kaŝeblajn tabelojn.

Akcesebleco

Ĉiuj foliumiloj de Internet Explorer 5.5 kaj pli novaj (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, ktp.), kiuj subtenas JavaScripton, konvene kaŝos la elementojn.

Internet Explorer 5 kaj foliumiloj, kiuj ne subtenas JavaScripton aŭ ĉe kiuj ĝi estis malŝaltita, surekranigos la elementojn sen la [kaŝi/montri] ligiloj kaj ne kaŝos ilin.

Bazaj ŝablonoj

Navigilaj ŝablonoj
vidi • diskuti • redakti	kaŝebla	Kaplinia koloro	Bildo(j)	Grupoj	Stilo (enhavo) parametro/j	Ekzemploj
{{Navigilo}}	style="background: #ddffdd; color: black;" class="table-yes2" NavFrame	NavHead	style="background: #ddffdd; color: black;" class="table-yes2" Maldekstre de la enhavo (1)	Ne	Ne	{{Eŭropa Unio}}, {{Federaciaj landoj de Germanio}}
{{Navigilo2}}^#	style="background: #ddffdd; color: black;" class="table-yes2" collapsible	navbox¹	style="background: #ddffdd; color: black;" class="table-yes2" Maldekstre de la enhavo (1)	Jes	Jes	{{Ĉefaj renkontiĝoj}}, {{Estroj de Sovetunio}}, {{Snajperoj de la dua mondmilito}}
{{Navigilo kun kolumnoj}}	style="background: #ddffdd; color: black;" class="table-yes2" collapsible	navbox	style="background: #ddffdd; color: black;" class="table-yes2" Maldekstre de la enhavo (1)	Jes	Jes	{{Listo de afrikaj ĉefurboj}}, {{Listo de nordamerikaj ĉefurboj}}
{{Navigilo subgrupo}}³	Ne	N/A	style="background: #ddffdd; color: black;" class="table-yes2" Maldekstre de la enhavo (1)	Jes	Jes	{{Unua mondmilito}}
{{Kaŝskatolo}}	style="background: #ddffdd; color: black;" class="table-yes2" NavFrame	NavHead²	style="background: #ddffdd; color: black;" class="table-yes2" (Mal)dekstre de la enhavo (2)	Ne	Jes	{{Eŭropaj Esperanto-asocioj}}, {{NATO}}
{{Navigacipanelo}}	style="background: #ddffdd; color: black;" class="table-yes2" NavFrame	NavHead	style="background: #ddffdd; color: black;" class="table-yes2" Maldekstre de la enhavo (1)	Ne	Ne	{{Antikva Kriptografio}}
{{Navigilo kun kaŝeblaj grupoj}}
¹ Ĝi ŝanĝeblas per CSS-formatoj en la parametro stilo_de ĉefa_titolo. ² Ĝi ŝanĝeblas per rekta difino laŭ CSS-formatoj en la parametro `FonKoloroT` (ekz. #cfc por hela verdo) ³ Ĝi nur uzeblas ene de {{Navigilo2}} ^# Ĝi estas interne uzata de la du sekvaj.

Atributoj por kaŝebleco
Speco	CSS klasoj	Javaskripto	Ĝi kaŝiĝas, se	Propra komenca stato	Ingigo
Kaŝeblaj tabeloj	collapsible	Difinita en Common.js	pli ol 1 memkaŝanta estas sur la paĝo.	Jes	Jes
Kaŝeblaj blokoj	NavFrame	Difinita en Common.js	pli ol 1 memkaŝanta estas sur la paĝo.	Jes	Jes

Aliaj HTML elementoj

Por pliaj elementoj tia funkcieco ne estas uzebla, ĉar ne ekzistas la koncernataj funkcioj en MediaWiki:Common.js.

Helpo:Kaŝeblaj elementoj

El Kitakujo

Nuna versio ekde 14:43, 24. Aŭg 2010

Enhavo

Tabelo

Simpla ekzemplo

Kaŝado de tabeloj defaŭlte

'collapsed'

'autocollapse'

'innercollapse' kaj 'outercollapse'

Pliaj notoj

Ordigeblaj tabeloj

Alĝustigo

Blokoj

Kiel uzi

NavFrame divs

Simpla ekzemplo

Ekzemplo kun miksaj klasoj

Limigoj

Akcesebleco

Bazaj ŝablonoj

Aliaj HTML elementoj

Vidu ankaŭ

Vidoj

Personaj iloj

Navigado

Serĉi

Iloj

Aliaj lingvoj

@@ Linio 1: / Linio 1: @@
-{{redaktata}}
 '''Kaŝeblaj elementoj''' provizas manieron kaŝi kaj malkaŝi tabelon aŭ blokon se kaŝi/montri butono estas klakata.  La kodo por ĉi tiu funkcio troviĝas en [[MediaWiki:Common.js]].
@@ Linio 7: / Linio 5: @@
 Tia distingo ĉe blokoj nur eblas per la CSS-klasado. Do, se estas metata la klaso "NavFrame" kune kun "NavHead" kaj "NavContent" ĉi tiu kaŝebleco estas uzebla.
-==Simpla ekzemplo==
+==Tabelo==
+===Simpla ekzemplo===
 Kun tabeloj estas pli facile labori, ĉar vi nur devus aldoni '''<tt>collapsible</tt>''' klason al la koncernata tabelo. Por aperigi la [kaŝi]/[montri] ligilon, la unu linio de la tabelo devas esti  kaplinio, tio estas, unu el la ĉeloj en la unua linio devas estas difinata kun vokosigno (en vikia sintakso). La uzo de la klaso <tt>wikitable</tt> en la ekzemplo malsupre estas nur por konveneco; ĝi ne estas deviga por ke <tt>collapsible</tt> funkciu.
@@ Linio 50: / Linio 49: @@
 |}
-==Collapsing tables by default==
+===Kaŝado de tabeloj defaŭlte===
-Just using the <tt>'''collapsible'''</tt> class produces a table which is expanded by default, but can be collapsed by the reader.  It is also possible to create tables which are ''collapsed'' by default, and can be optionally ''expanded''.  There are several methods for doing this, depending on the situations in which you want the table to collapse.
+Ĵus uzante la <tt>'''collapsible'''</tt> klason produktas tabelon kiu estas malkaŝata defaŭlte, sed povas esti kaŝata de la leganto. Estas ankaŭ eble krei tabeloj kiuj estas ''collapsed'' defaŭlte, kaj povas esti opcie ''malkaŝataj''. Ekzistas certaj metodoj por fari tion, depende de la situacioj en kiuj vi volas kaŝigi la tabelon.
-==='collapsed'===
+===='collapsed'====
-Adding the <tt>'''collapsed'''</tt> class will cause the table to ''always'' be initially collapsed, no matter what happens around it.  It is the simplest method for doing so.  Using the examples above:
+Aldono de <tt>'''collapsed'''</tt> klaso kaŭzas ke tabelo estas ''ĉiam'' komence kaŝita<!--, no matter what happens around it-->.  Ĝi estas la plej simpla metodo por fari tiel. Uzado de ekzemploj malsupre:
 {| class=wikitable style="width:80%;" align=center
-!Code entered!!Output produced
+!Tajpenda kodo!!Rezulto
 |-
 |width=50%|&#32;
   <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''"
-  '''!'''<nowiki> Simple collapsible table
+  '''!'''<nowiki> Simpla kaŝebla tabelo
 |-
 | Lorem ipsum dolor sit amet
@@ Linio 69: / Linio 68: @@
 |style="width:50%; text-align:center;"|
 {| class="wikitable collapsible collapsed"
-! Simple collapsible table
+! Simpla kaŝebla tabelo
 |-
 | Lorem ipsum dolor sit amet
@@ Linio 76: / Linio 75: @@
 |style="width:50%; font-size:90%"|&#32;
   <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>"
-  |A normal cell in the header row
+  |Normala ĉelo en la kaplinio
-  </nowiki>'''!'''<nowiki> colspan="2"| Header cell spans two cols
+  </nowiki>'''!'''<nowiki> colspan="2"| Kaplinia ĉelo okupas du kolumnojn
   |-
   | colspan="2" | Lorem ipsum dolor sit amet
-  | Separate body cell
+  | Kroma tabelkorpa ĉelo
   |}</nowiki>
 |style="width:50%; text-align:center;"|
 {| class="wikitable collapsible collapsed"
-|width=33%|A normal cell in the header row
+|width=33%|Normala ĉelo en la kaplinio
-! colspan="2"| Header cell spans two cols
+! colspan="2"| Kaplinia ĉelo okupas du kolumnojn
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
-|width=33%| Separate body cell
+|width=33%| Kroma tabelkorpa ĉelo
 |}
 |}
-==='autocollapse'===
+===='autocollapse'====
-Adding the <tt>'''autocollapse'''</tt> class causes the table to collapse when there are more than a threshold number of collapsible tables on the page. On en.wiki, this threshold is set at 2. The example below, therefore, collapses because there are numerous collapsible tables on the page.
+Aldono de <tt>'''autocollapse'''</tt> klaso kaŭzas ke tabelo kaŝiĝas se ekzistas pli ol antaŭdifinita nombro de kaŝeblaj tabeloj sur la paĝo. En eo.wiki, ĉi tiu antaŭdifino estas metata sur 0. La ekzemplo malsupre tial kaŝiĝas ĉar ekzitas pliaj kaŝeblaj tabeloj sur la paĝo.
 {| class=wikitable style="width:80%;" align=center
-!Code entered!!Output produced
+!Tajpenda kodo!!Rezulto
 |-
 |width=50%|&#32;
   <nowiki>{| class="wikitable </nowiki>'''collapsible autocollapse'''"
-  '''!'''<nowiki> Simple collapsible table
+  '''!'''<nowiki> Simpla kaŝebla tabelo
 |-
 | Lorem ipsum dolor sit amet
@@ Linio 107: / Linio 106: @@
 |style="width:50%; text-align:center;"|
 {| class="wikitable collapsible autocollapse"
-! Simple collapsible table
+! Simpla kaŝebla tabelo
 |-
 | Lorem ipsum dolor sit amet
@@ Linio 113: / Linio 112: @@
 |}
-==='innercollapse' and 'outercollapse'===
+===='innercollapse' kaj 'outercollapse'====
-Using this pair of classes, it is possible to make a table collapsed by default only when it is ''contained within'' a particular object, such as another table.
+Uzante ĉi tiun paron de klasoj, estas eble fari tabelon kaŝiĝi defaŭlte nur se ĝi estas ''enkludata ene'' de ĉirkaŭa objekto, kiel ekz. alia tabelo.
 {| class=wikitable style="width:80%;" align=center
-!Code entered!!Output produced
+!Tajpenda kodo!!Rezulto
 |-
 |width=50%|&#32;
   <nowiki>{| class="wikitable </nowiki>'''outercollapse'''<nowiki>"
-! This table does not collapse
+! Ĉi tiu tabelo ne kaŝiĝas
 |-
-| But the table inside this cell
+| Sed la tabelo en ĉi tiu ĉelo
 {| class="wikitable </nowiki>'''collapsible innercollapse'''<nowiki>"
-! Does collapse
+! Ĝi kaŝiĝas
 |-
-| Hiding this part
+| Kaŝu ĉi tiun parton
 |}
@@ Linio 134: / Linio 133: @@
 |style="width:50%; text-align:center;"|
 {| class="wikitable outercollapse"
-! This table does not collapse
+! Ĉi tiu tabelo ne kaŝiĝas
 |-
-| But the table inside this cell
+| Sed la tabelo en ĉi tiu ĉelo
 {| class="wikitable collapsible innercollapse"
-! Does collapse
+! Ĝi kaŝiĝas
 |-
-| Hiding this part
+| Kaŝu ĉi tiun parton
 |}
 |}
@@ Linio 146: / Linio 145: @@
 |}
-==Other notes==
+===Pliaj notoj===
-===Sortable tables===
+====Ordigeblaj tabeloj====
-Collapsible tables can be combined with the [[Help:Sorting|sortable tables]] functionality without difficulty.  However, because the hide/show button is placed in the first header cell located, its positioning can look a bit peculiar if the table is not wide enough:
+Kaŝeblaj tabeloj povas esti kombinataj kun funkcieco de [[Helpo:Ordigado|ordigeblaj tabeloj]]  sen malfacilaĵo. Tamen, ĉar la kaŝi/montri butono estas metata en la unuan kaplinian ĉelon, ĝia pozicio povas aspekti iom strange se la tabelo ne estas sufiĉe larĝa:
 {| class=wikitable style="width:80%;" align=center
-!Code entered!!Output produced
+!Tajpenda kodo!!Rezulto
 |-
 |width=50%|&#32;
   <nowiki>{| class="wikitable </nowiki>'''collapsible sortable'''<nowiki>"
-!Name!!Score
+!Nomo!!Poentoj
 |-
 |John||59
@@ Linio 167: / Linio 166: @@
 |style="width:50%; text-align:center;"|
 {|class="wikitable sortable collapsible"
-!Name!!Score
+!Nomo!!Poentoj
 |-
 |John||59
@@ Linio 177: / Linio 176: @@
 |}
-===Customization===
+====Alĝustigo====
-Registered users can edit [[Special:MyPage/monobook.js|their monobook.js]] file to change some of the variables used.
+Registeritaj uzantoj povas redakti [[Special:MyPage/monobook.js|sian monobook.js]] dosieron por ŝanĝi kelkajn el uzataj variabloj.
 <source lang=javascript>
-autoCollapse = 4 //how many collapsible tables on the page before autocollapse works (default=2)
+autoCollapse = 4 //kiom da kaŝeblaj tabeloj sur la paĝo antaŭ ol memkaŝado ekas (defaŭlte=2)
-var collapseCaption = 'collapse' //text of the [hide] link (default='hide')
+var collapseCaption = 'faldi' //teksto de la [kaŝi] ligilo (defaŭlte='kaŝi')
-var expandCaption = 'uncollapse' //text of the [show] link (default='show')
+var expandCaption = 'malfaldi' //teksto de la [montri] ligilo (defaŭlte='montri')
 </source>
-===Other HTML elements===
+==Blokoj==
+Por &lt;div&gt; (resp. &lt;/div&gt;)- grupigo kun certaj klasoj ekzistas simila kodigo en [[MediaWiki:Common.js]] sekve priskribenda.
-The code that performs the manipulation only checks for table elements, so these classes will not work for other elements, such as <tt><nowiki><div></nowiki></tt> or <tt><nowiki><span></nowiki></tt>.  There is a similar feature for use with <tt><nowiki><div></nowiki></tt> elements, called "NavFrame".  See [[Wikipedia:NavFrame]]
+===Kiel uzi===
+====NavFrame divs====
+La baza koncepto ĉi tie estas uzi la [[Span and div|'''div''']] [[HTML elemento|elementon]] ene de Vikia artikola marka kodo por identigi certan enhavon (kiujn ni nomas "detaloj" ĉi tie), pri kiu ni volas, ke la uzanto havas eblecon por "montri" aŭ "kaŝi" ĝin. La uzata markkodo por realigi ĉi tiun efikon entenas tri ĉefajn klasojn: <tt>'''NavFrame''', '''NavHead''', '''NavContent'''</tt>. La defaŭlta aranĝo de ĉi tiu kodo komence "montras" la detalojn, same bone kiel ligilon por "kaŝi" la detalojn. <!--To reverse the default behavior, so that the details are initially hidden,  the NavContent element can be declared with <tt>style="display:none;"</tt>.-->
+=====Simpla ekzemplo=====
+Vi devos krei tri <code>div</code> elementojn:
+<source lang="html4strict"><div class="NavFrame">
+  <div class="NavHead">[... Tio estas la titolo de via kaŝebbla enhavo ...]</div>
+  <div class="NavContent">
+    [... La enhavo, kiun vi volas kaŝi, sekvas ĉi tie ...]
+  </div>
+</div></source>
+<div class="NavFrame">
+  <div class="NavHead">[... Tio estas la titolo de via kaŝebbla enhavo ...]</div>
+  <div class="NavContent">
+[...  La enhavo, kiun vi volas kaŝi, sekvas ĉi tie ...]
+  </div>
+</div>
+<!--
+Por komence kaŝi la enhavon faru tion:
+<source lang="html4strict"><div class="NavFrame collapsed">
+  <div class="NavHead">[... Tio estas la titolo de la kaŝita enhavo ...]</div>
+  <div class="NavContent">
+    [... Ĉi tiu enhavo estas komence kaŝita ...]
+  </div>
+</div></source>
+<div class="NavFrame collapsed">
+  <div class="NavHead">[... Tio estas la titolo de la kaŝita enhavo ...]</div>
+  <div class="NavContent">
+[... Ĉi tiu enhavo estas komence kaŝita ...]
+  </div>
+</div>
+-->
+<!-- The following note may be safely removed 30 days after 23 September 2008.
+(Note: The "collapsed" class is a recent feature.  If the content above does not appear initially hidden, try [[WP:BYPASS|clearing your browser JavaScript cache]].)-->
+=====Ekzemplo kun miksaj klasoj=====
+Vi povas krome apliki aliajn klasojn apud la menciitaj, farante pli stilan desajnon prefere al tio, ke vi uzus la normalajn klasojn:
+<source lang="html4strict"><div class="messagebox standard-talk NavFrame">
+  <div class="somerandomclass NavHead">
+    [... Tio estas la titolo; ĝi ne devas esti nura teksto, vi povas esti kreativa ĉi tie ...]</div>
+  <div class="NavContent anotherclass">
+    [... La enhavo, kiun vi volas kaŝi, sekvu ĉi tie ...]
+  </div>
+</div></source>
+<div class="messagebox standard-talk NavFrame">
+  <div class="somerandomclass NavHead">
+[... Tio estas la titolo; ĝi ne devas esti nura teksto, vi povas esti kreativa ĉi tie ...]</div>
+  <div class="NavContent anotherclass">
+[... La enhavo, kiun vi volas kaŝi, sekvu ĉi tie ...]
+  </div>
+</div>
+=== Limigoj ===
+Aktuale la tri <code>Nav*</code> klasoj aplikas stilojn per si mem. Se miksiĝas klasoj, tio kaŭzas ke kelkaj el la Nav stiloj superskribas aliajn stilojn (en la supra ekzemplo, NavFrame superskribas la stilojn de <code>.messagebox.standard-talk</code>).
+Ĉi tiu limigoj ne koncernas kaŝeblajn tabelojn.
+=== Akcesebleco ===
+Ĉiuj foliumiloj de Internet Explorer 5.5 kaj pli novaj (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, ktp.), kiuj subtenas JavaScripton, konvene kaŝos la elementojn.
+Internet Explorer 5 kaj foliumiloj, kiuj ne subtenas JavaScripton aŭ ĉe kiuj ĝi estis malŝaltita, surekranigos la elementojn sen la [kaŝi/montri] ligiloj kaj ne kaŝos ilin.
+===Bazaj ŝablonoj===
+{{Navigilaro}}
+==Aliaj HTML elementoj==
+Por pliaj elementoj tia funkcieco ne estas uzebla, ĉar ne ekzistas la koncernataj funkcioj en [[MediaWiki:Common.js]].
 ==Vidu ankaŭ==
 *[[:m:Help:Collapsing]]
+*[[:en:Help:Collapsing]]
+*[[:en:Wikipedia:NavFrame]]
 <!--
 [[Category:Navbox (navigational) templates]]
 -->
-[[en:Help:Collapsing]]
+[[hsb:Pomoc:Schować elementy]]