Удалите jquery встроенный стиль после.animate функции

Question

Итак, у меня есть этот код, он почти работает, я просто застрял в последней части!

$('.button').click(function() {
var id = this.id;
$('#slide'+id+'').each(function() {
    if ($(this).offset().left < 0) {

    } else {
        $('.current').animate({ left: '-200%', }, 1500 );
        $('.current').removeClass("current").addClass("previous");

        $(this).animate({ left: '-100%', }, 1500 );
        $(this).addClass("current");
        $('.previous').removeAttr('style');

    }
});
});

Как вы видите, текущий слайд движется влево, новый слайд движется справа. Ток затем преобразуется в предыдущий, а затем новый слайд классифицируется как текущий.

Однако у нового предыдущего слайда все еще остается встроенный стиль: к нему применено -100%. Мне нужно удалить этот стиль!??

По сути, мне нужно, чтобы слайды всегда шли справа налево, даже если они уже были посещены! ПОЖАЛУЙСТА, КТО-ТО ПОМОГИТЕ!!??

http://jsfiddle.net/ngpsk/

** * ** * ** РЕШЕНО ЭТО СЕБЯ * ** * ***

$('.button').click(function() {
var id = this.id;
$('#slide'+id+'').each(function() {
    if ($(this).offset().left < 0) {

    } else {
        $('.current').animate({ left: '-100%', }, 2000, function()
                {
                    $(this).removeAttr('style').removeClass("current");
                    $('#slide1').css("left", "100%");
                }
            );

        $(this).animate({ left: '0%', }, 2000 );
        $(this).addClass("current");
    }
});

});

Кажется, чтобы работать по крайней мере!

Answer 1

Удалите класс после завершения анимации, например, см. порядок событий jQuery и ожидание завершения анимации