<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HIDE</title>
<script src="jquery-1.12.0.min.js"></script>
</head>
<body>
<ul>
<li>01</li>
<li>02</li>
<li>03</li>
<li>04</li>
<li>05</li>
<li>06</li>
<li>07</li>
</ul>
<a href="#">more</a>
<script type="text/javascript">
$(function () {
$("li:gt(3):not(:last)").hide();
$("a").click(function(){
if($("a").text()=="more"){
$("a").text("less");
$("li:hidden").show();
}
else {
$("a").text("more");
$("li:gt(3):not(:last)").hide();
}
});
});
</script>
</body>
</html>
添加回答
举报
0/150
提交
取消