JAMLIGHT,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
table {
width:600px;
border:1px;
}
[class*="hide"] {
display:none;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function(){
$('.spoil').click(function(){
var cls = $(this).data("cls")
$(cls).toggle();
})
})
</script>
</head>
<body>
<table border="1">
<tr class="spoil" data-cls=".hide1">
<td>можно</td>
<td>развернуть</td>
</tr>
<tr class="hide1">
<td>скрытые</td>
<td>строки</td>
</tr>
<tr class="hide1">
<td>скрытые</td>
<td>строки</td>
</tr>
<tr class="spoil" data-cls=".hide2">
<td>можно</td>
<td>развернуть</td>
</tr>
<tr class="hide2">
<td>скрытые</td>
<td>строки</td>
</tr>
<tr class="hide2">
<td>скрытые</td>
<td>строки</td>
</tr>
<tr class="spoil" data-cls=".hide3">
<td>можно</td>
<td>развернуть</td>
</tr>
<tr class="hide3">
<td>скрытые</td>
<td>строки</td>
</tr>
<tr class="hide3">
<td>скрытые</td>
<td>строки</td>
</tr>
</table>
</body>
</html>