       article.removeClass('state--folde-out')
 
       # scroll back up
-      article.velocity("scroll",
+      article.velocity "scroll",
         container: article.scrollParent()
         offset: -article.offset().top - metaTop.outerHeight()
         duration: animSpeed
         easing: 'easeOutQuad'
-      )
-
-      metaTop.velocity({ translateY: 0, opacity: 0 }, animSpeed, 'easeOutQuad', -> metaTop.addClass('hide'))
-      metaBottom.velocity({ translateY: -metaBottom.outerHeight(), opacity: 0 }, animSpeed, 'easeOutQuad', -> metaTop.addClass('hide'))
+
+      metaTop.velocity
+        properties:
+          translateY: 0
+          opacity: [ 0, 1 ]
+        options:
+          speed: animSpeed
+          easing: 'easeOutQuad'
+          complete: -> metaTop.addClass('hide')
+
+      metaBottom.velocity
+        properties:
+          translateY: [ -metaBottom.outerHeight(), 0 ]
+          opacity: [ 0, 1 ]
+        options:
+          speed: animSpeed
+          easing: 'easeOutQuad'
+          complete: -> metaBottom.addClass('hide')
+
       metaTopClip.velocity({ height: 0 }, animSpeed, 'easeOutQuad')
       metaBottomClip.velocity({ height: 0 }, animSpeed, 'easeOutQuad')
     else

    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')
