Есть ли лучший способ для цепочки анимаций, чем этот?

Question

Я чувствую, что это не самый эффективный и действенный способ ведения дел:

    line.stop(true, true).show('slide', {direction: whichway}, speed-150, function() {
        title.stop(true, true).fadeIn(speed-200, function() {
            sub.stop(true, true).show('slide', {direction: whichway}, speed-50, function() {
                subtext.stop(true, true).show();
                paragraph.stop(true, true).slideDown(speed);
            });
        });
    });

, который / скорость являются динамическими, но кроме этого все это должно быть синхронизировано и поставлено в очередьвверх.Есть ли более эффективный способ сделать это?

Answer 1

Используйте оператор case / switch. Примерно так:

function ani(step) {
    switch(step) {
        case 1:
            line.stop(true, true).show('slide', {direction: whichway}, speed-150, function() {ani(2)});
            break;
        case 2
             title.stop(true, true).fadeIn(speed-200, function() { ani(3)});
             break;


        ...

        default: ani(1)
    }
}