Как выполнить несколько анимаций одновременно в MooTools?

Question

У меня есть два div (скажем, div с идентификаторами: div1 и div2), рост которых мне нужно увеличить с помощью Fx.Tween И я хочу, чтобы анимации были одновременными.

'# div1' style.height должен быть изменен с auto на 0. style.height '# div2' должен быть изменен для текущей высоты на новую высоту, вычисляемую с помощью функции calculateHeight ()

как мне это сделать?

Answer 1

Анимации Mootools не блокируются (анимации в JS очень редки!), Поэтому простое последовательное выполнение двух анимаций даст желаемый эффект (настолько близкий, насколько может воспринимать человек)

function go()
{
    $('div1').tween('height', 0);
    $('div2').tween('height', calculateHeight());
}

function calculateHeight()
{
    return 0; //or whatever
}

Answer 2

Я думаю, что это связано с опцией wait: false. Я не программист, и mootools легок, но не настолько хорош для этого, но я помню, как читал некоторые документы, в которых говорится, что вы можете контролировать, работает ли вторая анимация, как только заканчивается первая или одновременно.

Цепной метод: подождите Вводит паузы между связанными событиями. Синтаксис

myClass.wait (длительность);

Аргументы 1. длительность - (целое число) длительность (в миллисекундах), чтобы приостановить стек цепочки; по умолчанию 500.

Я думаю, что вы должны ЦЕПЬ морфинга и заставить его ждать (0). Но я не уверен. Надеюсь, это поможет.