<tr> </tr> <tr id="wiecej"> </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ń'); } });
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ę"...