1个按钮实现隐藏和显示表格问题

Question

 <tr id=818184tr class="1"> </tr>要隐藏
 <tr id=818185tr> </tr>
 <tr id=818186tr class="1"> </tr>要隐藏有3个TR,1个按钮实现，隐藏TR class="1"的，和隐藏后可以在显示的功能，最好JQ实现，谢谢各位了。

Answer 1

if($(".1").is(":hidden"))
{
    $(".1").show();
}
else
{
    $(".1").hide();
}

Answer 2

$('#buttonId').on('click', function(){
  $('.1').toggle();
});

Answer 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#abv").click(function(){
if(!$("table tr[class='1']").is(":hidden")){
$("table tr[class='1']").hide();
}else{
$("table tr[class='1']").show();
}
});
})
</script>
<input type="button" id="abv" value="隐藏/显示"/> 
<table>
<tr id=818184tr class="1"><td>1</td><td>2</td></tr>
<tr id=818185tr><td>3</td><td>3</td></tr>
<tr id=818186tr class="1"><td>1</td><td>2</td></tr>
</table>