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 class="info">
      <td collspan="2"><div>555.555.555</div></td>
    </tr> 
    <tr>
    <td>Sam Doe</td>
    <td>[email protected]</td>    
    </tr>
    <tr class="info">
      <td colspan="2">
          <div>556.556.556</div>
      </td>
    </tr>
</table>

CSS

.info {
  display: none;
}

JavaScript

$(function() {
  	$('tr').not('.info').on('click', function() {
    	$('.info').hide();
      $(this).next('.info').show();
    });      
  });