Пример построение последовательных вызовов

Используем объект `$.Callbacks`

На практике мне ещё не приходилось использовать, поэтому пример немного надуманный - запрограммируйте поездку машинки используя стрелки на клавиатуре, а затем запустите программу, указав скорость анимации.

Чем меньше цифра, тем быстрее будет перемещаться машинка.

Начните игру

$('#car').show()

Используйте стрелки ←, →, ↑ и ↓ запрограммируйте машинку

// restart $.Callbacks
C = $.Callbacks()

В добрый путь

// run animation or press Enter
C.fire(400)

Под капотом

// use arrow button: ↑
C.add(function(speed) {
  $car.animate(
    { top: "-=200px" },
    speed
  )
})

// use arrow button: ↓
C.add(function(speed){
  $car.animate(
    { top: "+=200px" },
    speed
  )
})

// use arrow button: →
C.add(function(speed){
  $car
    .animate(
      { left: "+=200px" },
      speed
    )
})

// use arrow button: ←
C.add(function(speed){
  $car.animate(
    { left: "-=200px" },
    speed
  )
})