Jak vytvořit skládací DIV v CSS

Použijte skládací tagy DIV, abyste umožnili návštěvníkům vašich webových stránek číst další obsah, aniž by museli opustit aktuální stránku. Tyto tagy vám umožní vytvořit stránku s mnoha rozšiřitelnými záhlavími, která uživatelům umožní zobrazit pouze podrobnosti, o které mají zájem, bez brodění dlouhými stránkami textu. Rychlejší vyhledávání zpříjemní vaše stránky a zvýší jeho hodnotu pro návštěvníky jako referenční nástroj.

Krok 1
Vytvořte značku obsahující vyskakovací text. Umístěte je do části kódu HTML. Nastavit počáteční stav zobrazení na hodnotu none:

Popup text
Jak to vypadá?

Krok 2
Přiřaďte hypertextový odkaz ukotvení a otevřete JavaScript, abyste mohli provést aktuální vyskakovací okno akce na značce „

“. Kliknutí levým tlačítkem myši v tomto skriptu aktivuje odkaz. Umístěte tento kód přímo pod předchozí řádek: Kliknutím rozbalte
Vytvořte funkci JavaScript, která řídí viditelnost skrytého textu CSS. Tuto funkci umístěte do sekce kódu HTML:

Tip
V tomto příkladu je zobrazen text „Klepnutím na tlačítko Zobrazit nebo skrýt“ s vlastnostmi přiřazenými značce „“. Když uživatel poprvé klikne na text, zobrazí se na obrazovce zpráva „Popup text“, „How this look?“ S návratem vozíku namísto čárky. Hlášení zmizí, když uživatel klepne na značku podruhé.


URL:https://cs.whycomputer.com/Internet/100107853.html