JQ实现效果：滑动隐藏&滑动显示

最新推荐文章于 2024-08-27 16:05:08 发布

鱼儿跳

最新推荐文章于 2024-08-27 16:05:08 发布

阅读量3.2k

点赞数

分类专栏： JQ 文章标签： jquery 事件处理滑动

本文链接：https://blog.csdn.net/xin9910/article/details/75114638

版权

JQ 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title>CHAR 4.2.2</title>
	<meta charset="utf-8"/>
	<style type="text/css">
		.content{
			display: none;
		}
	</style>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript">
	//滑动显示，滑动隐藏
		$(function(){
			$("#panel h3.head").click(function(){
				$(this).next().slideToggle(300);
			})
		})
	</script>
</head>
<body>
	<div id="panel">
		<h3 class="head">head</h3>
		<div class="content">body is content</div>
	</div>
</body>
</html>