Izvēršamajā logrīkā tiek izmantots pielāgotais elements <devsite-expandable>
lai ļautu lietotājiem paslēpt vai rādīt satura daļas izvēršamā sadaļā. Markdown failā ietiniet pielāgoto elementu ar standarta HTML elementu, piemēram, <section>
vai <div>
.
Sadaļas pārslēgs
Šis piemērs ir iesaiņots pielāgotā elementā <devsite-expandable>
, kura noklusējuma pozīcija ir slēpta. Tās virsrakstā ir class
atribūts ar nosaukumu showalways
.
Šis virsraksts vienmēr tiek rādīts
Šajā rindkopā pēc noklusējuma ir slēpta pozīcija.
This code block within the custom element also defaults to a hidden position.
Pielāgota vadība
Nākamajā piemērā pielāgotā elementa <devsite-expandable>
button
elementam tiek pievienota expand-control
klase, lai izvērstu un sakļautu sadaļu bez pārslēgšanas.
Ir pieejamas daudzas iespējas
Izvērst vienreiz
Tālāk sniegtajā piemērā expand-control once
klase tiek pievienota saitei pielāgotajā elementā <devsite-expandable>
, kas, noklikšķinot, parāda papildu saturu un pēc tam pazūd no lapas.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Vairāk...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Automātiski izvērst saistot
Nākamajā piemērā pielāgotajam elementam <devsite-expandable>
tiek pievienots #sample1 ID, kas automātiski izvērš sadaļu lapas ielādes laikā, kad uz to izveidojat saiti.
Kā automātiski paplašināt saistīšanu
Aizveriet šo izvēršamo sadaļu, noklikšķiniet uz iepriekš esošās saites #sample1 un pēc tam atkārtoti ielādējiet lapu, lai automātiski izvērstu šo izvēršamo sadaļu.
Code block within the 'Auto-expand on linking' demo.
Atvērt pēc noklusējuma
Tālāk sniegtajā piemērā pielāgotajam elementam <devsite-expandable>
tiek pievienots expanded
atribūts, lai izvēršamais atribūts būtu atvērts pēc noklusējuma.
Izvērsts pēc noklusējuma
Atvērt pēc noklusējuma ir lieliski piemēroti, ja jums ir daudz izvēršamu vienumu, piemēram, piezīmes par laidienu, bet vēlaties paturēt atvērto jaunāko.