Den utvidbare widgeten bruker det tilpassede elementet <devsite-expandable> for å la brukere skjule eller vise deler av innholdet i en utvidbar del. I en Markdown-fil, pakk det tilpassede elementet med et standard HTML-element, for eksempel en <section> eller <div> .
Seksjonsveksling
Følgende eksempel er pakket inn i et <devsite-expandable> tilpasset element som som standard har en skjult posisjon. Overskriften har et class kalt showalways .
Denne overskriften vises alltid
Dette avsnittet har som standard en skjult posisjon.
This code block within the custom element also defaults to a hidden
position.Tilpasset kontroll
Følgende eksempel legger til expand-control klassen til button til det tilpassede elementet <devsite-expandable> for å utvide og skjule delen uten en veksling.
Mange alternativer er tilgjengelige
Utvid én gang
Følgende eksempel legger til expand-control once klassen til en kobling i det tilpassede elementet <devsite-expandable> som viser tilleggsinnhold når det klikkes og deretter forsvinner fra siden.
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.
Flere...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.
Utvid automatisk ved kobling
Følgende eksempel legger til en #sample1 ID til det tilpassede elementet <devsite-expandable> som automatisk utvider delen om sideinnlasting når du kobler til den.
Slik utvider du automatisk ved kobling
Lukk denne utvidbare delen, klikk på #sample1 -koblingen ovenfor, og last deretter inn siden på nytt for å automatisk utvide denne utvidbare delen.
Code block within the 'Auto-expand on linking' demo.
Åpne som standard
Følgende eksempel legger til det expanded attributtet til det tilpassede elementet <devsite-expandable> for å gjøre det utvidede åpne som standard.
Utvidet som standard
Åpen som standard er flott når du har mange utvidelser, for eksempel for utgivelsesnotater, men du vil beholde den nyeste åpen.