JQuery点击一次显示(隐藏)，再点一次(隐藏)/(显示)

LisenW

于 2018-08-24 17:18:38 发布

阅读量1.7w

点赞数 8

CC 4.0 BY-SA版权

分类专栏： JQuery 文章标签： JQuery Html

本文链接：https://blog.youkuaiyun.com/qq_35030003/article/details/82022017

JQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个简单的网页交互案例，通过jQuery库，实现了按钮点击控制文本的隐藏和显示功能。此功能增强了用户体验，使页面元素的动态控制变得简单易行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>

<script src="./jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		$("#btn").click(function() {
			$("#content").toggle();
		});
	});
</script>
<body>

	<button id="btn">隐藏/显示</button>
	<p id="content">也许明天,也许梦里，我重新拾起我最爱的诗，感动了所有的风和日丽</p>
</body>
</html>

效果展示：

初始状态：