subnav js

subnav.coffee

$ -> 
  $('.subnav a').on 'click', (event) ->
    event.preventDefault()
    currentSection = '#' + $(this).closest('section').attr('id')
    changeContent = '#' + $(currentSection + ' .pjax-content').attr('id')
    $(changeContent + ' .animate-out').animate({
      opacity: 0.0,
      'margin-left' : '-960px',
      }, 500)
    $(changeContent).spin()

    page = $(this).attr('href')
    $.pjax({
      url: page,
      container: changeContent
      })
    $('.animate-in').ajaxSuccess( ->
      $(changeContent).spin(false)
      console.log('success')
      ).animate({
        opacity: 1.0,
        'margin-left' : '0px',
        }, 500)