jQuery Simple Example

by inser

HTML

<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<table>
  <tr>
    <td>Joe Bloggs</td>
    <td>[email protected]</td>
    </tr>
    <tr>
      <td collspan="2" class="info"><div>555.555.555</div></td>
    </tr> 
    <tr>
    <td>Sam Doe</td>
    <td>[email protected]</td>    
    </tr>
    <tr>
      <td colspan="2" class="info">
          <div>556.556.556</div>
      </td>
    </tr>
</table>

CSS

.info {
  display: none;
}

JavaScript

$(document).ready(function(){
  $(function() {
      $("tr").click(function() {
          if ($(this).find("> .info").css('display') == 'none') {
              $(this).find("> .info").show();
          } else {
              $(this).find("> .info").hide();
          }
      });
  });
});