Animatie beëindigen: finish()

De methode finish() beëindigt de volledige, al dan niet sequentiële, animatie die op dat moment wordt uitgevoerd en toont het object dadelijk met de CSS-eigenschappen in zijn eindtoestand.

★ Bekijk de animatie die bij de knop animate div5 hoort.

$(function() {
    var snelheid = 2000;
    $('#anim5').click(function(){
        $('#div5').animate({ 
            width: '50%'
        }, snelheid).animate({ 
            left: 200
        }, snelheid).animate({ 
            opacity: .25
        }, snelheid);
    });
    $('#finish5').click(function(){
        $('#div5').finish();
    });
});

Last updated