Rozwijany, zamykany punkt na stronie www

Rozwijany, zamykany punkt na stronie www
K3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 14
0

Witam.
Jak zrobiono rozwijane, zamykane punkty (plusy) na tej stronie www?
https://modlitwy24.pl/rozaniec-w-roznych-jezykach/

Po kliknięciu każdego plusa pojawia się tekst.

CP
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 70
0

Masz css klasę su-spoiler-closed i ona ukrywa tekst wciśnij F12 odpali ci się konsola developerska zaznacz ctrl+shitf+c i zaznacz interesujący cię element tam masz style.
Po prostu to działa tak, że jak masz tą klasę to obiekt wyświetlający tekst jest display: hidden czy none i iconka jest zmieniana z - na +.
W CSS masz specjalny operator, którym możesz odnosić się do dzieci czyli pod obiektów w drzewie DOM.

Nie chce mi się patrzeć, ale to jest prosty feature jak znasz css, jak nie znasz musisz trochę pobawić się poćwiczyć.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.