jquery列表隐藏和出现练习

最新推荐文章于 2023-11-22 19:38:37 发布

久梦歌行

最新推荐文章于 2023-11-22 19:38:37 发布

阅读量602

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/z83986976/article/details/39202563

版权

jquery 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>change</title>
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript">
	function change(){
		
		if($("a").html()=="更多"){
			$("a").html("简化");
			$("li").show();
		}else{
			$("a").html("更多");	
			$("li.ch").hide();
		}
	}
</script>
</head>
<body>
	<ul>
		<li class="ex">1</li>
		<li class="ex">2</li>
		<li class="ex">3</li>
		<li class="ex">4</li>
		<li  class="ch" style="display:none">5</li>
		<li class="ch" style="display:none">6</li>
		<li class="ex">7</li>
	</ul>
	<a id="link" href="javascript:change()">更多</a>
</body>