Funkcja połączenia po ukończeniu slidetoggle kompletna

Question

$(document).ready(function() { 
    $("#newrecord tr:odd").addClass("odd"); 
    $("#newrecord tr:not(.odd)").find("li").hide(); 
    $("#newrecord tr:not(.odd)").hide(); 
    $("#newrecord tr:first-child").show(); 

    $("#newrecord tr.odd").click(function() { 
     $("#newrecord tr:not(.odd)").show(); 
     $(this).next("tr").find("li").slideToggle("slow","swing"); 
    }); 
}); 

Po pierwsze ukrywa wszystkie równe rzędy, a po kliknięciu na nieparzysty wiersz wyświetla równy rząd i slajdy w dół zawartości li w każdym wierszu. Potrzebuję pomocy, gdy kliknę ponownie, znacznik li przesunie się, jak chcę, ale powinien również ukryć wiersz. to powinno wywołać funkcję ukrywania w rzędzie po zjedzeniu w górę.

Answer 1

$(document).ready(function() { 
    $("#newrecord tr:odd").addClass("odd"); 
    $("#newrecord tr:not(.odd)").find("li").hide(); 
    $("#newrecord tr:not(.odd)").hide(); 
    $("#newrecord tr:first-child").show(); 

    $("#newrecord tr.odd").click(function() { 
     $("#newrecord tr:not(.odd)").show(); 
     $(this).next("tr").find("li").slideToggle("slow","swing", function(){ 
      //What to do on toggle compelte... 
     }); 
    }); 
}); 

Answer 2

Proszę spojrzeć na następujący kod

$(this).next("tr").find("li").slideToggle("slow","swing", function(){ 
    // here you code after toggle complete 
}); 

Answer 3

Lwyrn jest poprawna, dodając trzeci parametr do wywołania slideToggle to zrobi. Aby uzyskać jeszcze większą kontrolę, możesz przekazać zwykły obiekt ze wszystkimi opcjami, które chcesz ustawić jako parametr (np. .slideToggle (opcje)). Możesz przeczytać więcej o tym, co te opcje można zrobić pod adresem: http://api.jquery.com/slideToggle/#slideToggle-options

Uważam, że warto przekazać obiekt, gdy nie chcę, aby animacja była w kolejce (jeśli użytkownik kliknie 50 razy bardzo szybko, animacja zostanie ułożona i trzymaj się przez jakiś czas przełączania - niepożądane zachowanie).