2011-10-06 11 views
13

Używam poniższy kod, żeby przesuwać w górę iw dół div:jak dodać efekt zanikania krycia do jquery slidetoggle?

$(document).ready(function(){ 
    $(".toggle-button").click(function() { 
     $(".about").slideToggle("slow"); 
    }); 
}); 

będę chciał dodać pojawiania się i zanikania efektu do przycisku przełączania. Wszelkie sugestie na temat tego, jak to zrobić?

Odpowiedz

20

Prostym sposobem osiągnięcia tego celu jest przekazać wartość toggle do animate():

$(document).ready(function() { 
    $(".toggle-button").click(function() { 
     $(".about").animate({ 
      height: "toggle", 
      opacity: "toggle" 
     }, "slow"); 
    }); 
}); 

można zobaczyć wyniki w this fiddle.

+0

Dokładnie tego potrzebowałem dzięki! – alexchenco

+1

Witam, działa to świetnie, ale zauważam, że pod koniec animacji jest trochę nierówny - jakikolwiek pomysł, jak to naprawić? – user1794295

Powiązane problemy