Razširljiv gradnik uporablja element po meri <devsite-expandable> ki uporabnikom omogoča skrivanje ali prikazovanje delov vsebine v razširljivem razdelku. V datoteki Markdown ovijte element po meri s standardnim elementom HTML, kot je <section> ali <div> .
Preklop razdelka
Naslednji primer je ovit v element po meri <devsite-expandable> , ki ima privzeto skrito pozicijo. Njegov naslov ima atribut class z imenom showalways .
Ta naslov je vedno prikazan
Ta odstavek je privzeto nastavljen na skrit položaj.
This code block within the custom element also defaults to a hidden
position.Nadzor po meri
Naslednji primer doda razred expand-control elementu button elementa po meri <devsite-expandable> za razširitev in strnitev razdelka brez preklopa.
Na voljo je veliko možnosti
Enkrat razširi
Naslednji primer doda razred expand-control once v povezavo znotraj elementa po meri <devsite-expandable> , ki ob kliku prikaže dodatno vsebino in nato izgine s strani.
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.
več...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.
Samodejno razširi ob povezovanju
Naslednji primer doda #sample1 ID elementu po meri <devsite-expandable> , ki samodejno razširi razdelek ob nalaganju strani, ko se nanj povežete.
Kako samodejno razširiti ob povezovanju
Zaprite ta razširljiv razdelek, kliknite zgornjo povezavo #sample1 , nato znova naložite stran, da se ta razširljivi razdelek samodejno razširi.
Code block within the 'Auto-expand on linking' demo.
Privzeto odprto
Naslednji primer doda atribut expanded elementu po meri <devsite-expandable> , da se razširljivi privzeto odpre.
Privzeto razširjeno
Privzeto odprto je super, če imate veliko razširljivih elementov, na primer za opombe ob izdaji, vendar želite, da ostane odprt najnovejši.