Laajentuva widget käyttää mukautettua elementtiä <devsite-expandable> jotta käyttäjät voivat piilottaa tai näyttää osia sisällöstä laajennetussa osassa. Kääri Markdown-tiedostossa mukautettu elementti tavallisella HTML-elementillä, kuten <section> tai <div> .
Osion vaihto
Seuraava esimerkki on kääritty <devsite-expandable> mukautettuun elementtiin, joka on oletusarvoisesti piilotettu. Sen otsikossa on class nimeltä showalways .
Tämä otsikko näkyy aina
Tämä kappale on oletusarvoisesti piilotettu.
This code block within the custom element also defaults to a hidden
position.Mukautettu ohjaus
Seuraava esimerkki lisää expand-control luokan mukautetun elementin <devsite-expandable> button osion laajentamiseksi ja tiivistämiseksi ilman vaihtokytkintä.
Saatavilla on monia vaihtoehtoja
Laajenna kerran
Seuraava esimerkki lisää expand-control once -luokan mukautetun <devsite-expandable> -elementin linkkiin, joka näyttää lisäsisältöä napsautettaessa ja katoaa sitten sivulta.
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.
Lisää...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.
Laajenna automaattisesti linkityksen yhteydessä
Seuraava esimerkki lisää #sample1 tunnuksen mukautettuun elementtiin <devsite-expandable> , joka laajentaa automaattisesti osion sivun latauksessa, kun linkität siihen.
Automaattinen laajennus linkityksen yhteydessä
Sulje tämä laajennettava osio, napsauta yllä olevaa #sample1- linkkiä ja lataa sitten sivu uudelleen laajentaaksesi tämän laajennettavan osion automaattisesti.
Code block within the 'Auto-expand on linking' demo.
Avaa oletuksena
Seuraava esimerkki lisää expanded attribuutin mukautettuun elementtiin <devsite-expandable> , jotta laajennettava avautuu oletuksena.
Laajennettu oletuksena
Avaa oletuksena on hienoa, kun sinulla on paljon laajennettavia, kuten julkaisutietoja, mutta haluat pitää uusimman auki.