                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

求大神指正

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="/Public/css/bootstrap.min.css">
</head>
<body>
<ul>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li>测试内容</li>
<li><a class="btn btn-primary" href="#">更多</a></li>
</ul>

<script src="/Public/JS/jquery.min.js"></script>
<script>
$(function(){
$("li:gt(3):not(li:last)").hide();
$("a").click(function(){
if($("a").html == "更多"){
$("li").show();
$("a").html("简化");
}else{
$("li:gt(3):not(li:last)").hide();
$("a").html("更多");
}
})
})
</script>
</body>
</html>