Prototype / Scriptaculous Toggle Queue

Question

Я хочу добиться эффекта для определенного div с помощью scriptaculous, который выполняет следующие действия:

1. Div будет ослеплять.
2. После завершения этого эффекта содержимое div изменится.
3. Затем div будет слепить вниз с новым содержимым.

Итак, я знаю, что есть очередь эффектов, которая потрясающая, но как содержимое может быть выполнено только после завершения эффекта вслепую?

Также есть ли способ заставить тумблер работать с очередью?

Answer 1

Вы можете сделать это с очередями и задержками, но это самое простое.

new Effect.BlindUp('something',{afterFinish:function() {
   $('something').innerHTML="###";
   new Effect.BlindDown('something');
  }    
})

Затем вы можете обернуть это в функцию, передать новый контент и заставить его вести себя как тумблер.

Дополнительную документацию можно найти здесь: http://proto -scripty.wikidot.com / scripty: анимация с указанием времени и последовательности