大神 帮忙看看为什么隐藏不了?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<input type=button id="btn" value="显示">
<ul id="uls"></ul>
<script type="text/javascript">
var sts=[{name:"谭1","score":100},{name:"谭2","score":101}]
$(function(){
if($("#btn").val()=="显示"){
$("#btn").one("click",function(){
$("#btn").val("隐藏")
$.each(sts,function(index,result){
$("#uls").append("<li><pre>姓名:"+result.name+" 得分:"+result.score+"</pre></li>")})
})
}else{
$("li").remove();
$("#btn").val("显示")
}
})
</script>
</body>
</html>