自己的代码
<style>
.none{
display:none;
}
</style>
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script>
function Aclick(){
var text =$("#a1").text();
if (text == "更多")
{
$("#a1").html("简化");
$("li.none").show();
}
else {
$("#a1").html("更多");
$("li.none").hide();
}
}
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li class="none">7</li>
<li class="none">8</li>
</ul>
<a href="#" id="a1" onclick="Aclick()">更多</a>
</body>
