点击按钮显示和隐藏标签

weixin_44703304

于 2019-03-11 17:38:13 发布

阅读量2.1k

点赞数

分类专栏： JavaScript 文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_44703304/article/details/88399374

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<link type="text/javascript" href="js/jquery-1.11.1.min.js"/>
<title>点击显示和隐藏</title>
<style type="text/css">
#thediv{
  width:250px;
  height:50px;
  background-color:#f90;
}
</style>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn").click(function(){
  $("#thediv").slideToggle();
		if($(".btn").text()=='点击隐藏'){
			$(".btn").text('点击显示');
		}else{
			$(".btn").text('点击隐藏');
		}
  });
});
</script>
</head>
<body>
<div id="thediv"></div>
<button type="button" class="btn">点击隐藏</button>
</body>
</html>