java script:
<script type="text/javascript"> window.onload = Laduj; function Laduj() { var filmy = document.getElementById('filmy'); var linki = filmy.getElementsByTagName('a'); for (i=0; i<linki.length; i++) { linki[i].onclick = PokazFilm; } } function PokazFilm() { akapit = this.getElementsByTagName('p'); span = this.getElementsByTagName('span'); var view = akapit[0].style.display; if (view == "block") {akapit[0].style.display = "none"; span[0].innerHTML = "Pokaż"} if (view == "none") {akapit[0].style.display = "block"; span[0].innerHTML = "Schowaj"} } </script>
HTML
Skrypt działa, ale akapit <p> musi znajdować się między tagami <a></a>, poniewaz w funkcji PokazFilm(), odwoluje się do niego za pomocą this.getElementsByTagName('p');
Chciałbym, oddzielić linki od akapitów (w chwili obecnej html wygląda tak: <a><p></p></a>, a chę żeby wyglądał tak: <a></a><p></p>). Mogę zebrać linki oraz akapity w tablie za pomocą getElementsByTagName(), i odwoływać się do nich na podstawie indeksów tablicy... ale nie wiem jak dać znać funkcji PokazFilm(), który który apakit ma zostać wyświetlony.
Powyższe rozwiązanie działa dobrze jedynie w Operze, w innych przeglądarkach gdy ostyluje linki, dziwne rzeczy zaczynają się dziać z obramowaniami, itd... i ogolnie uważam takie rozwiązanie za mało eleganckie

a tak to wygląda w praktyce