my 1st CoffeeScript

testing_coffee.html.erb

        <div class="span4">
            <ul class="left-nav">
              <li class="btn btn-large vendor-action" id="btn-news" data-action="news">Latest News</li>
              <li class="btn btn-primary btn-large vendor-action" id="btn-redeem" data-action="redeem">Redeem Gift Certificate</li>
              <li class="btn btn-primary btn-large vendor-action" id="btn-check" data-action="check">Check Balance</li>
              <li class="btn btn-primary btn-large vendor-action" id="btn-outstanding" data-action="outstanding">Outstanding Balance</li>
            </ul>
        </div>
        <div class="span8">
          <div id="news">
              <h1>Hello, <%= @vendor.name %></h1>
              <h3>News from XXXXXXXXX</h3>
              <%= render "news_items/latest" %>
          </div>
          <div id="redeem" style="display:none;">
              <h1>Redeem Certificate</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
              vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
              tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
              eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
              in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
          </div>
          <div id="check" style="display:none;">
            <h1>Check Balance</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
              vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
              tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
              eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
              in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
          </div>
          <div id="outstanding" style="display:none;">
            <h1>Outstanding Certificates</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper tincidunt purus ac
              vulputate. Donec velit ligula, convallis a ultricies vitae, bibendum id mauris. Fusce consectetur,
              tellus ac sollicitudin rhoncus, urna lorem tempus eros, at mollis lacus nibh id velit. In semper libero
              eget nulla volutpat rhoncus. Morbi suscipit hendrerit ullamcorper. Fusce sit amet ante purus. Phasellus
              in lacus ante, vel interdum elit. Nunc odio nulla, semper et sodales ac, fermentum sit amet dui.</p>
          </div>
       </div>

testing_coffee.js.coffee

curAction = "news"
fading = false
$ ->
  $('.vendor-action').click (e) ->
    action = $(@).data('action')
    if action isnt curAction and fading isnt true
      fading = true
      $(@).removeClass('btn-primary')
      $("#btn-"+curAction).addClass('btn-primary')
      $('#'+curAction).fadeOut(500, -> $('#'+action+'').fadeIn(500, -> fading = false))
      curAction = action
      e.preventDefault()