   toggle_meta: (e) ->
     e.preventDefault()
 
-    animSpeed = 250
+    animSpeed = 300
     article = $(e.target).closest('.ticket-article-item')
     metaTopClip = article.find('.article-meta-clip.top')
     metaBottomClip = article.find('.article-meta-clip.bottom')

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

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

