Elementy strony dopasowane do własnego projektu. Wariant „FAQ bez dodatkowych bibliotek” możesz dopasować do kolorów i treści swojej strony.
Jak działa ten efekt?
HTML określa strukturę przykładu, CSS jego wygląd, a JavaScript — jeżeli występuje — odpowiada za interakcję. Podgląd pokazuje domyślne ustawienia, które możesz zmienić w edytorze.
Jak dodać go na stronę?
Otwórz przykład w edytorze i podmień tekst oraz kolory.
HTML wstaw w miejscu, w którym ma pojawić się element.
CSS przenieś do arkusza stylów swojej strony. Reguły body z podglądu dopasuj do własnego układu.
Sprawdź działanie na telefonie, klawiaturą i z własną treścią.
Na co zwrócić uwagę?
Podmień treści i odnośniki. Kod działa w przeglądarce; formularze wymagają osobnej obsługi wysyłania po stronie serwera.
Co możesz zmienić w konfiguratorze?
Otwieranie odpowiedzi, Kolor akcentu, Klasa CSS. W edytorze kodu możesz dodatkowo zmienić całą strukturę i zachowanie przykładu.
Gotowy kod: FAQ bez dodatkowych bibliotek
HTML
<div class="faq">
<details open>
<summary>Jak to działa?</summary>
<p>Dopasuj ustawienia i skopiuj kod do swojej strony.</p>
</details>
<details>
<summary>Czy mogę użyć tego komercyjnie?</summary>
<p>Tak. Przykłady są dostępne na licencji MIT.</p>
</details>
<details>
<summary>Czy potrzebuję dodatkowej biblioteki?</summary>
<p>Nie. FAQ korzysta z natywnych elementów HTML.</p>
</details>
</div>