为什么我的代码不能执行，仅第一次点击的时候几个隐藏起来的能展开且更多两个字不会变化，第二次没法应
<!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>
<script>
function change(){
var aaa = $("a").html()
if(aaa=="更多"){
aaa="简化"
$(".no").css("display","block")
}
else{
$(".no").css("display","none")
aaa="更多"
}
}
</script>
<style>
.no{display:none;}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li class="no">5</li>
<li class="no">6</li>
<li class="no">7</li>
<li class="no">8</li>
<li class="no">9</li>
<li class="no">10</li>
<li >11</li>
<a href="javascript:change()">更多</a>
</ul>
</body>
</html>
