Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Tekst zwiń się nie chowa
Forum PHP.pl > Forum > Przedszkole
djtomaszq
Jak kliknę pierwszy raz na selektor rozwin to rozwija i zmienia tekst na "zwiń" ale po drugim kliknieciu jak zawija diva to nie zmienia slektoru na "Rozwiń"...

  1. $("#2_kolejka").click(function()
  2. {
  3. $('.zaw_belka_2').toggle(function(){
  4. $(this).nextAll().show();
  5. $('#rozwin').text('Rozwiń >>');
  6. return false;
  7. },
  8. function(){
  9. $('#rozwin').text('Zwiń <<');
  10. $(this).nextAll().hide();
  11. return false;
  12. });
  13. });
werdan
Funkcja 'click' w jQuery przyjmuje tylko jedną funkcję jako parametr. Tutaj wykonuje się jedynie ta druga funkcja.


Zobacz przykład:

https://jsfiddle.net/Ljr3om3v/

Na konsoli masz rezultat.

Musisz dać tutaj jakiś warunek, jeśli zamknięte -> otwierasz i odwrotnie.
djtomaszq
W tą stronę? ale też tylko rozwiń pokazuje

  1. $("#2_kolejka").click(function()
  2. {
  3. $("#2_kolejka").each(function() {
  4. if ($(this).css("visibility") == "hidden") {
  5. $('#rozwin').text('Rozwiń >>');
  6. } else {
  7. $('#rozwin').text('Zwiń <<');
  8. }
  9. });
  10.  
  11. $('.zaw_belka_2').toggle(function(){
  12. $(this).nextAll().show();
  13. return false;
  14. },
  15. function(){
  16. $(this).nextAll().hide();
  17. return false;
  18. });
  19. });
b4rt3kk
Cytat(djtomaszq @ 31.12.2015, 10:12:05 ) *
W tą stronę? ale też tylko rozwiń pokazuje

  1. $("#2_kolejka").click(function()
  2. {
  3. $("#2_kolejka").each(function() {
  4. if ($(this).css("visibility") == "hidden") {
  5. $('#rozwin').text('Rozwiń >>');
  6. } else {
  7. $('#rozwin').text('Zwiń <<');
  8. }
  9. });
  10.  
  11. $('.zaw_belka_2').toggle(function(){
  12. $(this).nextAll().show();
  13. return false;
  14. },
  15. function(){
  16. $(this).nextAll().hide();
  17. return false;
  18. });
  19. });



A na co Ci to each? Skoro w selektorze podajesz id elementu, to zapewne jest tylko jeden taki na stronie (przynajmniej powinien).

To się sprawdzi dla jednego elementu:
https://jsfiddle.net/sevc7asb/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.