HTML部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
<!-- 导入css文件 -->
<link rel="stylesheet" type="text/css" href="demo.css">
<!-- 定义App端H5 -->
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style type="text/css"></style>
<script type="text/javascript"></script>
</head>
<body>
<!-- 常用标签 -->
<!-- <a href="apply.html" target="_blank"><img src="./image/1.jpg"></a> -->
<!-- <input type="text" placeholder="请输入姓名" maxlength="4" size="15"> -->
<!-- <textarea rows="10" cols="30">弱提示</textarea> -->
<!-- <div style="clear:both;"></div>-->
<!-- 导入jq库 -->
<script src="./jquery-3.2.1.js"></script>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<!-- 导入js文件,放在html后面 -->
<script src="demo.js"></script>
</body>
</html>
CSS部分
/*
border-radius: 8px;
cursor: pointer;
text-align:center;
overflow: hidden;
*/
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* list-style: none; */
text-decoration: none;
padding: 0;
margin: 0;
}
JS部分
$(document).ready(function () {
$("#sP1").click(function(){
$("#sP2").toggle();
})
})