Rozbalitelný widget používá vlastní prvek <devsite-expandable> , který uživatelům umožňuje skrýt nebo zobrazit části obsahu v rozbalitelné sekci. V souboru Markdown zabalte vlastní prvek standardním prvkem HTML, například <section> nebo <div> .
Přepínání sekce
Následující příklad je zabalen do vlastního prvku <devsite-expandable> , který má výchozí skrytou pozici. Jeho záhlaví má atribut class s názvem showalways .
Tento nadpis se vždy zobrazuje
Tento odstavec je ve výchozím nastavení skrytý.
This code block within the custom element also defaults to a hidden
position.Vlastní ovládání
Následující příklad přidá třídu expand-control do prvku button vlastního prvku <devsite-expandable> , aby se sekce rozbalila a sbalila bez přepínání.
K dispozici je mnoho možností
Rozbalte jednou
Následující příklad přidá třídu expand-control once k odkazu v rámci vlastního prvku <devsite-expandable> , který po kliknutí zobrazí další obsah a poté zmizí ze stránky.
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.
Více...Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Kromě sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Automatické rozbalení při propojení
Následující příklad přidá #sample1 ID do vlastního prvku <devsite-expandable> , který automaticky rozbalí sekci o načtení stránky, když na ni vytvoříte odkaz.
Jak se automaticky rozbalit při propojení
Zavřete tuto rozbalitelnou sekci, klikněte na výše uvedený odkaz #sample1 a poté znovu načtěte stránku, aby se tato rozbalitelná sekce automaticky rozbalila.
Code block within the 'Auto-expand on linking' demo.
Ve výchozím nastavení otevřít
Následující příklad přidá atribut expanded k vlastnímu prvku <devsite-expandable> , aby se rozbalitelný prvek ve výchozím nastavení otevřel.
Ve výchozím nastavení rozbaleno
Otevřít ve výchozím nastavení je skvělé, když máte spoustu rozšiřitelných položek, například poznámky k vydání, ale chcete ponechat poslední otevřenou.