JQ checkbox勾选显示隐藏问题


<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#test1,#test2 {  display:none; }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript">
$(function(){
getcheckbox();
});
function getcheckbox(){
  $('#check1').click(function(){
var check = this.checked;
if (!check){
        $('#test1').hide();
}
else{
$('#test1').show();
}
});   
  $('#check2').click(function(){
var check = this.checked;
if (!check){
        $('#test2').hide();
}
else{
$('#test2').show();
}
}); 
}
</script>
</head>
<body>
<input type="checkbox" name="check1" id="check1" value="1" />
<input type="checkbox" name="check2" id="check2" value="2" />
<div id="test1">test1</div>
<div id="test2">test2</div>
</body>
</html>