jquery toggle rozwiń/zwiń (style/text)? Opcje

[marcus755]

Zrobiłem coś takiegie, jak poniżej:

[HTML] pobierz, plaintext 
<tr>
    <td class="detal"><a href="#" id="pokaz">Rozwiń</a></td>
  </tr>
<tr id="wiecej">
	<td>cośtam</td>
</tr>
 
$("#pokaz").click(function(e){
	  e.preventDefault(e);
    $("#wiecej").toggle();
	$(".detal").removeClass("detal").addClass("detal2");
	$("#pokaz").text('Zwiń');
	if ($("#pokaz").click(function(e){
      $(".detal2").removeClass("detal2").addClass("detal");
	$("#pokaz").text('Rozwiń');
	}));
	else {
		$(".detal").removeClass("detal").addClass("detal2");
	$("#pokaz").text('Zwiń');
	}
  });
[HTML] pobierz, plaintext 

Jak to powyżej uprościć i zapętlić, używając jquery toggle?
Chodzi o to, że mam link, który ma klasę detail oraz tekst w linku Rozwiń,
po kliknięciu ma pokazywać zawartość o id="more" i się zmieniać na klasę detail2 oraz tekst w linku Zwiń.
Po ponownym kliknięcie, wszystko wraca do punktu wyjścia.
Jak klikam jeszcze raz - nie zmienia mi klasy i tekstu...
Powyższy skrypt działa, ale po kolejnym kliknięciu, nie robi "zapętla się"...