Slide Toggle a div below rows of a table

slide-down.coffee

$('.slidedown-pane-row').hide()

$('#rows').on 'click', '.row', ->
  $(this).next('.slidedown-pane-row').slideToggle(500)
  false

    
$('#rows').on 'click', '.row', ->
  $(this).next('.slidedown-pane-row').find('div').slideToggle(500)
  false
  
  #Markup
  <table>
    <tbody id='rows'>
      <tr class='row'>
        <td>Foo</td>
        <td>Bar</td>
      </tr>
      <tr class='slidedown-pane-row'>
        <td colspan="2">
          <div>
            Foo Bar More information Pane
          </div>
        </td>
      </tr>
      <tr class='row'>
        <td>Hello</td>
        <td>World</td>
      </tr>
      <tr class='slidedown-pane-row'>
        <td colspan="2">
          <div>
            Hello World More information Pane
          </div>
        </td>
      </tr>
    </tbody>