本文介绍了一个简单的网页交互案例，通过jQuery库，实现了按钮点击控制文本的隐藏和显示功能。此功能增强了用户体验，使页面元素的动态控制变得简单易行。
<!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>
效果展示：
初始状态：
点击一次：
再次点击和初始状态一样
扫一扫
279
到【灌水乐园】发言
