首页 > 代码库 > jq-toggle

jq-toggle

jq-toggle:

<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title>toggle<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title>toggle</title>		<style>			* {				margin: 0;				padding: 0;			}			button {				font-size: 18px;				padding: 0 19px;			}			#con {				width: 500px;				background: #ccc;				color: red;				font-size: 18px;				overflow: hidden;			}		</style>		<script src="http://www.mamicode.com/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>	</head>	<body>		<button id="zk">展开</button>		<button id="sq">收起</button>		<div id="con">			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果			展开收起动画效果		</div>		<script type="text/javascript">			$(‘#sq‘).click(function() {//				$(‘#con‘).toggle();				$(‘#con‘).toggle(3000);			});		</script>	</body></html></title>	</head>	<body>	</body></html>

  

jq-toggle