Išplečiamasis valdiklis naudoja tinkintą elementą <devsite-expandable> kad naudotojai galėtų paslėpti arba rodyti turinio dalis išplečiamoje skiltyje. Markdown faile tinkintą elementą apvyniokite standartiniu HTML elementu, pvz., <section> arba <div> .
Skyriaus perjungimas
Šis pavyzdys įtrauktas į pasirinktinį elementą <devsite-expandable> , kurio numatytoji padėtis yra paslėpta. Jo antraštėje yra class atributas, pavadintas showalways .
Ši antraštė visada rodoma
Pagal numatytuosius nustatymus ši pastraipa yra paslėpta.
This code block within the custom element also defaults to a hidden
position.Pasirinktinis valdymas
Toliau pateiktame pavyzdyje expand-control klasė pridedama prie pasirinktinio elemento <devsite-expandable> button elemento, kad būtų galima išplėsti ir sutraukti skyrių be perjungimo.
Yra daug variantų
Išskleiskite vieną kartą
Toliau pateiktame pavyzdyje klasė expand-control once pridedama prie nuorodos, esančios tinkintame elemente <devsite-expandable> , kuri spustelėjus rodo papildomą turinį ir dingsta iš puslapio.
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.
Daugiau...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.
Automatinis susiejimo išplėtimas
Toliau pateiktame pavyzdyje prie tinkinto elemento <devsite-expandable> pridedamas #sample1 ID, kuris automatiškai išplečia skyrių įkeliant puslapį, kai į jį susiejate.
Kaip automatiškai išplėsti susiejimą
Uždarykite šią išplečiamąją skiltį, spustelėkite aukščiau esančią nuorodą #sample1 , tada iš naujo įkelkite puslapį, kad ši išplečiama skiltis būtų automatiškai išplėsta.
Code block within the 'Auto-expand on linking' demo.
Atidaryti pagal numatytuosius nustatymus
Toliau pateiktame pavyzdyje expanded atributas pridedamas prie pasirinktinio elemento <devsite-expandable> , kad išplečiamasis elementas būtų atidarytas pagal numatytuosius nustatymus.
Išskleista pagal numatytuosius nustatymus
Atidaryti pagal numatytuosius nustatymus yra puiku, kai turite daug išplečiamųjų, pvz., laidos pastabų, bet norite palikti atidarytą naujausią.