Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] show,hide table
Forum PHP.pl > Forum > XML, AJAX
Regss
Witam.
Stworzyłem sobie taki skrypt:
  1. <script>
  2. $(document).ready(function(){
  3. $("div.szczegoly").click(function(){
  4. $("tr.2").hide("slow");
  5. $("tr.1").show("slow");
  6. });
  7. $("div.opis_filmu").click(function(){
  8. $("tr.1").hide("slow");
  9. $("tr.2").show("slow");
  10. });
  11. });
  12. </script>


Skrypt ma za zadanie po kliknięciu na diva schować jeden wiersz i pokazać drugi. Jednak po kliknięciu zanim schowa się pierwszy wiersz zaczyna pokazywać się drugi i na chwilę cała tabela się rozjeżdża. Czy można jakoś na chwilę zatrzymać działanie skryptu tak aby pierwszy wiersz schował się do końca i dopiero drugi zaczął się ukazywać.
mortus
Jednym z rozwiązań jest podanie funkcji callback (drugi lub trzeci argument metody .hide()):
[JAVASCRIPT] pobierz, plaintext
  1. <script>
  2. $(document).ready(function(){
  3. $("div.szczegoly").click(function(){
  4. $("tr.2").hide("slow", function() {
  5. $("tr.1").show("slow");
  6. });
  7. });
  8. $("div.opis_filmu").click(function(){
  9. $("tr.1").hide("slow", function() {
  10. $("tr.2").show("slow");
  11. });
  12. });
  13. });
  14. </script>
[JAVASCRIPT] pobierz, plaintext
Regss
Dzięki wielkie pomogło, banalnie proste.
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.