HexagonJS
Edit Page
Morphs
A standard collection of transitions for entering and exiting elements
Examples
hx.select('#id').morph().with('expand')
hx.select('#id').morph().with('collapse')
hx.select('#id').morph().with('expandv')
hx.select('#id').morph().with('collapsev')
hx.select('#id').morph().with('expandh')
hx.select('#id').morph().with('collapseh')
hx.select('#id').morph().with('fadein')
hx.select('#id').morph().with('fadeout')
hx.select('#id').morph().with('rotate-90')
hx.select('#id').morph().with('rotate-0')
hx.select('#id').morph().with('delay')
Chaining transitions is also possible:
hx.select('#id').morph()
  .with('expand', 100)
  .and('fadein', 100)

hx.select('#id').morph()
  .with('fadeout', 100)
  .then('collapse', 100)