Fade & Close on Mousedown

Here's an example that fades & closes the image on the left when the user presses the mouse down on the avatar (different than a click which is a mousedown + mouseup). The protoscript below says: for an element with id set to avatar, fade it out when the user presses the mouse down on it and close it when the fade completes. You can click here to restart the example.

$proto('#avatar', {
  Mousedown: {
    onMousedown: {
      Fade: {
        opacity: {to: 0},
        onComplete: {Close : {} },
      }
    }
  }
});