Jak zmienić tekst po kliknięciu?

Question

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ł?

Answer 1

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

Comments

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ż].

---

Nie rozumiem. Po kliknięciu [pokaz] zmienia Ci na [ukryj], a kiedy klikniesz na [ukryj], nie zmienia się na [pokaz]?

---

No właśnie nie.

---

Podlinkuj JQ 2.2.2, na codepen.io korzystałem z wersji 2.2.2, może to wina wersji.

---

Zmieniłem i teraz wygląda to tak.

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

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

---

Proszę. http://codepen.io/anon/pen/eZrJjw

 

W pierwszym poście dałem Ci gotowy kod ;)

---

Bardzo dziękuję za pomoc i chęci o tak późnej porze :)

Jestem ogromnie wdzięczny.