Ako vytvoriť skladací DIV v CSS

Použite skladateľné značky DIV, aby návštevníci vášho webu mohli čítať ďalší obsah bez toho, aby boli nútení opustiť aktuálnu stránku. Tieto značky vám umožňujú vytvoriť stránku s početnými rozbaliteľnými nadpismi, ktoré umožňujú používateľom zobraziť iba podrobnosti, o ktoré majú záujem, bez toho, aby sa brodili dlhými stránkami textu. Vďaka rýchlejšiemu vyhľadávaniu je váš web užívateľsky prívetivejší a zvyšuje jeho hodnotu pre vašich návštevníkov ako referenčný nástroj.

Krok 1

Vytvorte značku obsahujúcu kontextový text. Umiestnite to do časti HTML kódu. Nastaví svoj počiatočný stav zobrazenia na žiadny:

Text v rozbaľovacej ponuke - Ako to vyzerá?

Krok 2

Priradiť hypertextový odkaz na kotvu na otvorenie skriptu JavaScript na vykonanie skutočného rozbaľovacieho okna akcia so značkou „

“. V tomto skripte sa aktivuje odkaz kliknutím ľavým tlačidlom myši. Umiestnite tento kód priamo pod predchádzajúci riadok: Kliknutím rozbalte

Vytvorte funkciu JavaScript, ktorá riadi viditeľnosť skrytého textu CSS. Umiestnite túto funkciu do sekcie vášho HTML kódu:

Tip

V tomto príklade je zobrazený text „Kliknutím ukázať alebo skryť“ s vlastnosťami priradenými k značke. Keď používateľ prvýkrát klikne na text, na obrazovke sa zobrazí správa „Vyskakovací text“, „Ako to vyzerá?“, Pričom namiesto čiarky sa zobrazí znak návratu vozíka. Správa zmizne, keď používateľ klikne na značku druhýkrát.

• Predchádzajúca strana: Čo sa stane, ak je môj príspevok zablokovaný na Craigslist?
• Ďalšia strana: Ako volať funkciu jazyka JavaScript z Python