         easing: 'easeOutQuad'
       )
 
-      metaTop
-        .velocity({ translateY: metaTop.outerHeight(), opacity: 0 }, 0)
-        .velocity({ translateY: 0, opacity: 1 }, animSpeed, 'easeOutQuad')
-      metaBottom
-        .velocity({ translateY: -metaBottom.outerHeight(), opacity: 0 }, 0)
-        .velocity({ translateY: 0, opacity: 1 }, animSpeed, 'easeOutQuad')
+      metaTop.velocity
+        properties:
+          translateY: [ 0, metaTop.outerHeight() ]
+          opacity: [ 1, 0 ]
+        options:
+          speed: animSpeed
+          easing: 'easeOutQuad'
+
+      metaBottom.velocity
+        properties:
+          translateY: [ 0, -metaBottom.outerHeight() ]
+          opacity: [ 1, 0 ]
+        options:
+          speed: animSpeed
+          easing: 'easeOutQuad'
+
       metaTopClip.velocity({ height: metaTop.outerHeight() }, animSpeed, 'easeOutQuad')
       metaBottomClip.velocity({ height: metaBottom.outerHeight() }, animSpeed, 'easeOutQuad')
 

    arrow = list.find('.list-arrow')

    if toggle.hasClass('state--open')
      toggle.removeClass('state--open')
    else
      toggle.addClass('state--open')

      toggleDimensions = toggle.get(0).getBoundingClientRect()
      listDimensions = list.get(0).getBoundingClientRect()
      availableHeight = toggle.scrollParent().outerHeight()

      top = toggleDimensions.height/2 - listDimensions.height/2
      bottomDistance = availableHeight - padding - (toggleDimensions.top + top + listDimensions.height)

      if bottomDistance < 0
        top += bottomDistance

      arrow.css('top', -top + toggleDimensions.height/2)
      list.css('top', top)

  change_recipient_type: (e) ->
    $(e.target).addClass('active').siblings('.active').removeClass('active')

  toggle_meta: (e) ->
    e.preventDefault()

    animSpeed = 300
    article = $(e.target).closest('.ticket-article-item')
    metaTopClip = article.find('.article-meta-clip.top')
    metaBottomClip = article.find('.article-meta-clip.bottom')
