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

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

marcus755 Zobacz profil	11.06.2013, 14:33:54 Post #1
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%)	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ę"...

erix Zobacz profil	11.06.2013, 15:32:52 Post #2
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	Cytat Powyższy skrypt działa, ale po kolejnym kliknięciu, nie robi "zapętla się"... Nie masz czasem więcej elementów o id="pokaz"? -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!

marcus755 Zobacz profil	11.06.2013, 15:54:30 Post #3
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%)	tzn. zrobiłem dla id="pokaz", id="pokaz2", id="pokaz3"...

sowiq Zobacz profil	11.06.2013, 16:07:36 Post #4
Grupa: Zarejestrowani Postów: 1 890 Pomógł: 339 Dołączył: 14.12.2006 Skąd: Warszawa Ostrzeżenie: (0%)	Cytat(marcus755 @ 11.06.2013, 15:33:54 ) po kolejnym kliknięciu, nie robi "zapętla się"... A to dlatego, że po każdym kliknięciu dodajesz nową akcję na zdarzenie click: [JAVASCRIPT] pobierz, plaintext $("#pokaz").click(function(e){ // .... $("#pokaz").click(function(e){ //// <- to powoduje, że po każdym kliknięciu Twoja funkcja przypisana jest na nowo // .... }); // .... }); [JAVASCRIPT] pobierz, plaintext Proponuję zrobić tak: [JAVASCRIPT] pobierz, plaintext $("#pokaz").click(function(e){ if($(this).hasClass('detal2')){ // aktualny stan = aktywny. Tutaj chowasz co potrzeba $(this).removeClass('detal2').addClass('detal'); $(this).text('Rozwiń'); // ... } else{ // aktualny stan = nieaktywny. Tutaj pokazujesz co potrzeba $(this).removeClass('detal').addClass('detal2'); $(this).text('Zwiń'); // ... } }); [JAVASCRIPT] pobierz, plaintext Oczywiście resztę musisz dopisać sobie sam. Ten post edytował sowiq 11.06.2013, 16:08:28

erix Zobacz profil	11.06.2013, 16:32:38 Post #5
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów	Cytat tzn. zrobiłem dla id="pokaz", id="pokaz2", id="pokaz3"... A o klasach w CSS, to Ty słyszałeś? -------------------- ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!

marcus755 Zobacz profil	12.06.2013, 08:59:47 Post #6
Grupa: Zarejestrowani Postów: 158 Pomógł: 1 Dołączył: 6.12.2012 Ostrzeżenie: (0%)	thnx a lot:-)

pyro Zobacz profil	12.06.2013, 12:34:28 Post #7
Grupa: Zarejestrowani Postów: 2 148 Pomógł: 230 Dołączył: 26.03.2008 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext e.preventDefault(e); [HTML] pobierz, plaintext na obiekcie e wykonujesz metodę podając jako argument... obiekt e. -------------------- ET LINGUA EIUS LOQUETUR IUDICIUM

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Aktualny czas: 26.04.2025 - 01:02

Hosting zapewnia