Szukaj

Tworzenie przycisku ukryj/pokaż zawartość (spojler) na stronę www

Post zaktualizowany:
W przypadku potrzeby dodania większej ilości tekstu (np. kodu) do wpisu na stronę lub bloga przydatne może być stworzenie przycisku, który będzie pokazywał/ukrywał zawartość wybranego kontenera (div).

Jest to banalnie proste, wystarczy dodać w kodzie HTML wpisu:
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to Show/Hide Content" type="button">Pokaż/Ukryj</button>
Następnie wybraną treść należy obudować w takiego div'a:
<div id="spoiler" style="display: none;"> [...zawartość...] </div>
Przykład:

Brak komentarzy

Prześlij komentarz