mam taki javascript

[HTML] pobierz, plaintext 
$(document).ready(
	function() {
		$(".przelacznik").click(
			function() {
				$(".ukryte").toggle("fast");
			}
		).toggle(
			function() {
				$(this).text('Ukryj'); 
			}, 
			function() {
				$(this).text("Pokaż"); 
			}
		);
	}
);
[HTML] pobierz, plaintext 

i taki html

[HTML] pobierz, plaintext 
<p class = "rozwijany-box">
	<span>Tytuł boxa <span class = "przelacznik">Pokaż</span></span>
	<span class = "ukryte">Ukryta treść</span>
</p>
[HTML] pobierz, plaintext 

do tego odpowiedni css i działa to tak jak trzeba, ale tylko wtedy gdym mam jeden taki element na stronie. Jak mam dwa, to po kliknięciu w jeden przycisk 'Pokaż' pokazuje obydwie ukryte treści. Co tu zrobić, aby każdy działał niezależnie?

http://ferrante.pl/frontend/javascript/jquery-to-latwe-1/
Przeczytaj - polecam tutorial.

http://ferrante.pl/examples/jquery/jQuery_2e.html

Czyli po prostu spróbuj z funkcją next();
http://api.jquery.com/next/