• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zmienić tekst po kliknięciu?

Object Storage Arubacloud
0 głosów
603 wizyt
pytanie zadane 15 kwietnia 2016 w JavaScript przez clamsioPL Nowicjusz (190 p.)

Witam.

Chciałem poprosić o pomoc w dokończeniu kodu JavaScript.
Ma on za zadanie zwijać i rozwijać tabelkę oraz zmieniać tag span o ID równym show_pm18_table z wartości [pokaż] na [ukryj].

Aktualnie mam coś takiego

<p>&ndash; odcinki: <span class="show_table" id="show_pm18_table">[pokaż]</span></p>
<table class="films_table" id="pm18_table">
	<tr>
		<th>Nr</th><th>Nazwa odcinka</th>
	</tr>
$( "#show_pm18_table" ).click(function() {
		$( "#pm18_table" ).toggle("fold", 1000);
		$( this ).text("[ukryj]");
});

Kiedy kliknę w napis [pokaż] tabela wyświetla się, a tekst zamienia się na wartość [ukryj],
Jednak w drugą stronę, tylko tabelka się ukrywa, a napis dalej ma wartość [ukryj].

Co muszę dodać do kodu JavaScript, aby tekst również się zmieniał?

1 odpowiedź

0 głosów
odpowiedź 15 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
wybrane 16 kwietnia 2016 przez clamsioPL
 
Najlepsza
Dopisz sobie te funkcje pokazujące i chowające, bo nie wiem dokładnie jak to ma działać. - http://codepen.io/anon/pen/yOjePG
komentarz 15 kwietnia 2016 przez clamsioPL Nowicjusz (190 p.)

Spróbowałem, ale niestety nie działa.

Chodzi o to, że kiedy ktoś kliknie [pokaż] to rozwija się tabelka (za pomocą jQuery) i tekst zmienia się na [ukryj]. To mam.

Teraz nie wiem, jak zrobić to, że kiedy ktoś klinie [ukryj], to napis zmienia się na [pokaż].

Tabelka działa w obu przypadkach, ale [ukryj] nie zmienia się na [pokaż].

komentarz 15 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
Nie rozumiem. Po kliknięciu [pokaz] zmienia Ci na [ukryj], a kiedy klikniesz na [ukryj], nie zmienia się na [pokaz]?
komentarz 16 kwietnia 2016 przez clamsioPL Nowicjusz (190 p.)
No właśnie nie.
komentarz 16 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
Podlinkuj JQ 2.2.2, na codepen.io korzystałem z wersji 2.2.2, może to wina wersji.
komentarz 16 kwietnia 2016 przez clamsioPL Nowicjusz (190 p.)

Zmieniłem i teraz wygląda to tak.

http://codepen.io/clamsioPL/pen/xVjZJw

Jednak [ukryj] nie zmienia się na [pokaż].

komentarz 16 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)
Proszę. http://codepen.io/anon/pen/eZrJjw

 

W pierwszym poście dałem Ci gotowy kod ;)
komentarz 16 kwietnia 2016 przez clamsioPL Nowicjusz (190 p.)
Bardzo dziękuję za pomoc i chęci o tak późnej porze :)

Jestem ogromnie wdzięczny.

Podobne pytania

0 głosów
1 odpowiedź 1,173 wizyt
pytanie zadane 6 października 2018 w HTML i CSS przez Kinga Nowicjusz (210 p.)
0 głosów
1 odpowiedź 1,927 wizyt
pytanie zadane 18 lipca 2017 w JavaScript przez Alterwar Dyskutant (7,650 p.)
0 głosów
1 odpowiedź 279 wizyt
pytanie zadane 28 maja 2019 w JavaScript przez Kerto Nowicjusz (240 p.)

92,660 zapytań

141,553 odpowiedzi

319,993 komentarzy

62,028 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...