这段代码哪里出问题了
<!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>
为什么我点击按钮，隐藏的<li>闪了一下又没了？
大家可以试试，帮帮我～谢谢
