Paplašināms

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.