<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
</head>
<body>
<ul>
<li>11</li>
<li>22</li>
<li>33</li>
<li>44</li>
<li title="no">55</li>
<li title="no">66</li>
<li>77</li>
</ul>
<a href="#" id="aaa">更多</a>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script>
$(function(){
$("li[title='no']").hide();
$("#aaa").click(function(){
var text = $("#aaa").text();
if(text == "更多"){
$("#aaa").html("简化");
$("li[title='no']").show();
}else{
$("#aaa").html("更多");
$("li[title='no']").hide();
}
});
});
</script>
</body>
</html>完全利用前几章学的要做出来还是有点难度
