Из таблицы сделать акордеон!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
  <thead> 
    <tr> 
      <td>Отдадите</td> 
      <td>Получите</td> 
    </tr> 
  </thead> 
  <tbody> 
    <tr> 
      <td><a href="#">WMZ</a></td> 
      <td><a href="#">WMZ</a></td> 
    </tr> 
    <tr> 
      <td><a href="#">WMZ</a></td> 
      <td><a href="#">WMZ</a></td> 
    </tr> 
    <tr> 
      <td><a href="#">WMZ</a></td> 
      <td><a href="#">WMZ</a></td> 
    </tr> 
    <tr> 
      <td><a href="#">WMZ</a></td> 
      <td><a href="#">WMZ</a></td> 
    </tr> 
    <tr> 
      <td><a href="#">WMZ</a></td> 
      <td><a href="#">WMZ</a></td> 
    </tr> 
    <tr class="table_title" id="group_one"> 
      <td colspan="2">Интернет-банкинг</td> 
    </tr> 
    <tr class="group group_one"> 
      <td><a href="#">Сбербанк</a></td> 
      <td><a href="#">Сбербанк</a></td> 
    </tr> 
    <tr class="group group_one"> 
      <td><a href="#">Сбербанк</a></td> 
      <td><a href="#">Сбербанк</a></td> 
    </tr> 
    <tr class="group group_one"> 
      <td><a href="#">Сбербанк</a></td> 
      <td><a href="#">Сбербанк</a></td> 
    </tr> 
    <tr class="group group_one"> 
      <td><a href="#">Сбербанк</a></td> 
      <td><a href="#">Сбербанк</a></td> 
    </tr> 
    <tr class="group group_one"> 
      <td><a href="#">Сбербанк</a></td> 
      <td><a href="#">Сбербанк</a></td> 
    </tr> 
    <tr class="table_title" id="group_two"> 
      <td colspan="2">Денежные переводы</td> 
    </tr> 
    <tr class="group group_two"> 
      <td><a href="#">WU USD</a></td> 
      <td><a href="#">WU USD</a></td> 
    </tr> 
    <tr class="group group_two"> 
      <td><a href="#">WU USD</a></td> 
      <td><a href="#">WU USD</a></td> 
    </tr> 
    <tr class="group group_two"> 
      <td><a href="#">WU USD</a></td> 
      <td><a href="#">WU USD</a></td> 
    </tr> 
    <tr class="group group_two"> 
      <td><a href="#">WU USD</a></td> 
      <td><a href="#">WU USD</a></td> 
    </tr> 
    <tr class="group group_two"> 
      <td><a href="#">WU USD</a></td> 
      <td><a href="#">WU USD</a></td> 
    </tr> 
    <tr class="table_title" id="group_three"> 
      <td colspan="2">Наличные деньги</td> 
    </tr> 
    <tr class="group group_three"> 
      <td><a href="#">Наличные USD</a></td> 
      <td><a href="#">Наличные USD</a></td> 
    </tr> 
    <tr class="group group_three"> 
      <td><a href="#">Наличные USD</a></td> 
      <td><a href="#">Наличные USD</a></td> 
    </tr> 
    <tr class="group group_three"> 
      <td><a href="#">Наличные USD</a></td> 
      <td><a href="#">Наличные USD</a></td> 
    </tr> 
    <tr class="group group_three"> 
      <td><a href="#">Наличные USD</a></td> 
      <td><a href="#">Наличные USD</a></td> 
    </tr> 
    <tr class="group group_three"> 
      <td><a href="#">Наличные USD</a></td> 
      <td><a href="#">Наличные USD</a></td> 
    </tr> 
  </tbody> 
</table> 
 
<style>.group{display:none;} .table_title{background:red;}</style> 
 
<script> 
 
$('.table_title').click(function() { 
	$('.group').hide();	 
	$('.'+$(this).attr("id")).toggle('slow'); 
}); 
 
</script>