Płynne przechodzenie elementów z hide() na show()

Question

Mam taki problem, w zmiennej tabelki trzymam wszystki tabele, tabele pokazują się po 1 wg data-table.

Funkcja niżej zawiera chowanie się wszystkich tabel i pokazywanie tylko ten bieżącej. I tu jest problem...

Jak się chowa bieżąca tabela i pojawia następna to jest duży przeskok i chwilowo się bugują tabelki, tzn nowa pojawia się na dole tej starej i ją wypycha do góry..

 

Chciałbym uzyskać płynny efekt fadeOut a zaraz po nim FadeIn ( nowej tabeli) próbowałem już przez queue ale za bardzo nie pomogło.

$.each(tabelki, function(){
            if($(this).data("table") == getd){
                tabelki.fadeOut("fast");
                $(this).fadeIn(100);
            }
        });

Comments

Kod wstawiamy w specjalne bloczki z kodem.

Answer 1

Może coś jest źle w kodzie tabelki ? Jak tak ukrywasz jedną tabelke to normale że na jej pozycję wskoczy druga żeby pustego miejsca nie było

Answer 2

Może użyj funkcji

.delay()

o wartości równej

.fadeOut ()

Answer 3

Z tego co pamiętam fadeIn, nie przyjmuje callback, musisz użyć animate.

http://api.jquery.com/animate/

Tam możesz zarządzać każdą klatką animacji jak i co ma się stać po animacji (w twoim przyapdku fadeIn). Aczkolwiek lepiej to rozwiązać na keyframes i strzeliwać się po przez $('.cos').addClass() bądż toggleClass();