Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] slideDown/slideUp plus zmiana tekstu
Forum PHP.pl > Forum > Po stronie przeglądarki
devbazy
Witam

Div jest domyślnie schowany. Nie ma problemu z wyświetleniem zawartości, jednak gdy chcę ją schować - nic się nie dzieje.

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $('.pokaz').click(function() {
  4. $('.komentarz').slideDown('fast');
  5. $('.pokaz').text("Ukryj");
  6. $('.ttr3').addClass('ttr2');
  7. $('.ttr3').removeClass('ttr3');
  8. $('.pokaz').addClass('ukryj');
  9. $('.pokaz').removeClass('pokaz');
  10. return false;
  11. });
  12.  
  13. $('.ukryj').click(function() {
  14. $('.komentarz').slideUp('fast');
  15. $('.ukryj').text("Pokaż");
  16. $('.ttr2').addClass('ttr3');
  17. $('.ttr2').removeClass('ttr2');
  18. $('.ukryj').addClass('pokaz');
  19. $('.ukryj').removeClass('ukryj');
  20. return false;
  21. });
  22.  
  23. });
  24. </script>
[JAVASCRIPT] pobierz, plaintext


  1. <div class='ttr3'>
  2. <span class='user'><a href="#">Użytkownik</a></span>
  3. <span class='pokaz'>Pokaż</div>
  4. </div>
  5. <div class='komentarz'>treść komentarza</div>


Druga sprawa, to w jaki sposób zrobić tak, by jedynie dany element został wyświetlany, a nie wszystkie, po kliknięciu w span z klasą "pokaz". Próbowałem się bawić z next, each, a nawet siblings (ten sposób raczej nie zadziała z takim rozmieszczeniem), ale nie dało to większego rezultatu.
tvister
podepnij drugą definicje eventa bezpośrednio do definicji tego pierwszego :|
devbazy
Co masz na myśli?

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $('.pokaz').click(function() {
  4. $('.komentarz').slideDown('fast');
  5. $('.pokaz').text("Ukryj");
  6. $('.ttr3').addClass('ttr2');
  7. $('.ttr3').removeClass('ttr3');
  8. $('.pokaz').addClass('ukryj');
  9. $('.pokaz').removeClass('pokaz');
  10. },function() {
  11. $('.komentarz').slideUp('fast');
  12. $('.ukryj').text("Pokaż");
  13. $('.ttr2').addClass('ttr3');
  14. $('.ttr2').removeClass('ttr2');
  15. $('.ukryj').addClass('pokaz');
  16. $('.ukryj').removeClass('ukryj');
  17. });
  18.  
  19. });
  20. </script>
[JAVASCRIPT] pobierz, plaintext


Tak też próbowałem i niestety nie pomogło - jeżeli o to ci chodziło.
tvister
Coś w ten deseń

[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $('.pokaz').click(function() {
  3. $('.komentarz').slideDown('fast');
  4. $('.pokaz').text("Ukryj");
  5. $('.ttr3').addClass('ttr2');
  6. $('.ttr3').removeClass('ttr3');
  7. $('.pokaz').removeClass('pokaz');
  8. $('.pokaz').addClass('ukryj');
  9.  
  10. $('.pokaz').click(function() {
  11. $('.komentarz').slideUp('fast');
  12. $('.ukryj').text("Pokaż");
  13. $('.ttr2').addClass('ttr3');
  14. $('.ttr2').removeClass('ttr2');
  15. $('.ukryj').addClass('pokaz');
  16. $('.ukryj').removeClass('ukryj');
  17. return false;
  18. });
  19. return false;
  20. });
  21.  
  22.  
[JAVASCRIPT] pobierz, plaintext
f1xer
Nie do końca rozumiem, ale czy nie chodzi Ci o to:
http://docs.jquery.com/Effects/slideToggle
devbazy
tvister, chyba coś ci się pomieszało - przejrzyj jeszcze raz kod podany w pierwszym przykładzie. Pierwsza funkcja ma się wykonywać dopiero po kliknięciu w element o klasie "pokaz", natomiast druga po kliknięciu w "ukryj". W pierwszej funkcji usuwamy klasę "pokaz", także to później nie ma prawa zadziałać.

f1xer, nie, chodzi mi właśnie o slideDown/slideUp. Chociaż jeżeli slideToggle miałoby zadziałać w moim przykładzie, to czemu nie, jednak nie mam za bardzo pomysłu jak to zrobić.

Nieaktualne, zrobiłem to całkowicie w inny sposób.
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.