Zmiana tekstu po kliknięciu w niego

pytanie zadane 27 listopada 2018 w HTML i CSS przez YakumoPL Obywatel (1,970 p.)

Cześć! Da się zrobić coś takiego, że klikam w tekst "pokaż więcej" który rozwija dodatkową zawartość strony, a potem zamiast "pokaż więcej" jest "pokaż mniej"? Pozdrawiam

komentarz 27 listopada 2018 przez Chess Szeryf (76,710 p.)

Możesz zastosować ten kod na samym dole, co jest pod tym link'iem:

https://www.forumweb.pl/poczatkujacy-webmaster/przycisk-rozwijajacy-dalsza-czesc-tekstu/534042?highlight=#534042

2 odpowiedzi

odpowiedź 27 listopada 2018 przez arces Pasjonat (17,700 p.)
wybrane 27 listopada 2018 przez YakumoPL

Najlepsza

Coś takiego idzie osiągnąć nawet czystym CSSem, ale raczej większość użyłaby do tego JSa. jQuery to już za dużo jak dla tak prostej sprawy, żeby podpinać całą bibliotekę.

Poniżej masz kilka przykładów jak to rozwiązać za pomocą CSSa:

https://codepen.io/Idered/pen/AeBgF

https://codepen.io/ekrof/pen/AXdQdx

komentarz 27 listopada 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Fajne, ale ja bym jednak wolał rozwiązanie z JS... łatwiejsze w otestowaniu, łatwiej wdrożyć wiele wersji językowych i ogólnie wg mnie łatwiej nad tym zapanować, ale to moja subiektywna ocena.

komentarz 27 listopada 2018 przez YakumoPL Obywatel (1,970 p.)

Dziękuję :)

komentarz 27 listopada 2018 przez arces Pasjonat (17,700 p.)

@Tomek Sochacki, tak jak pisałem – większość jest za rozwiązaniem w JSie. Też sam stosuję JSa, a tutaj po prostu wrzuciłem jako ciekawostkę, że do małej strony można wykorzystać czysty CSS.

komentarz 27 listopada 2018 przez Tomek Sochacki Ekspert (227,510 p.)

tak wiem, dlatego masz ode mnie plusik, bo takie zabawy z CSS też wiele dają i pozwalają nieco wytężyć umysł :) Ale to tak bardziej dla zabawy, na produkcję jednak jestem zwolennikiem rozwiązań możliwie standardowych choćby po to, by nie tłumaczyć potem godzinę inne osobie co miałeś na myśli :)

komentarz 28 listopada 2018 przez YakumoPL Obywatel (1,970 p.)

W takim razie jest jakiś dobry sposób, żeby zrobić to z pomocą jsa?

komentarz 28 listopada 2018 przez arces Pasjonat (17,700 p.)

Poszukaj na codepen.io

Na pewno znajdziesz pełno przykładów

komentarz 28 grudnia 2018 przez YakumoPL Obywatel (1,970 p.)

@arces, Przepraszam, że tak odświeżam po kilku miesiącach, ale mam problem i już 3 godziny siedzę, nic nie idzie niestety. Chodzi o pierwszy link. Wszystko ładnie działa tylko w miejscu ukrytych w moim przypadku zdjęć, jest ogromne puste pole. Da się coś zrobić, żeby tego wolnego miejsca nie było? Pozdrawiam :)

1	komentarz 29 grudnia 2018 przez arces Pasjonat (17,700 p.) Poszukaj podobnego rozwiązania w JavaScript na codepen.io. Na pewno są takie, gdzie jest pokazane również na doładowywaniu zdjęć.