分享好友 教程首页 教程搜索 频道列表

jQuery 效果 show() 方法

2022-01-06 13:402170
+关注2
核心提示:测试看代码

直接上源代码

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>展开或隐藏</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$(".btn1").click(function(){
		$("p").hide();
	});
	$(".btn2").click(function(){
		$("p").show();
	});
});
</script>
</head>
<body>

<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>

</body>
</html>


本文标签: #展开 #收缩
整理员:网络转载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

鼠标效果之慢慢下行展开

    效果如标题,用代码测试,当鼠标放到class 值为 my-on 的上面时 ,class 值为 son 的慢慢下行展开

小黑 JavaScript教程2022-02-12

前端开发技术之JS实现类似手风琴左右拉动效果

    JS实现类似手风琴效果效果如下

网络转载 HTML相关 12021-12-23

前端开发技术之JS实现仿某猫的首页菜单展开效果

    效果如下

网络转载 HTML相关2021-12-23

前端开发技术之jQuery实现文章收起与展开效果功能

    实例为大家分享了jQuery实现文章收起与展开功能的具体

网络转载 HTML相关2021-12-22

点击展开再次点击收起

    点击展开再次点击收起,话不多说,看代码

小黑 JS相关2021-11-12

下一篇
我来说两句
抢沙发