!DOCTYPE HTML>
<html>
<head>
<title> 测试 </title>
<script type="text/javascript" src=http://www.dede58.com/"jquery-1.7.2.min.js"></script><!--js调用路径要本地,或者在js官网下载相应版本的即可-->
</head>
<body>
<div>我是展示的第一部分
<div id = "showdiv" style="display:none;">我是隐藏的那部分</div>
<a href="#" onclick="showHideCode()">查看更多</a>
</div>
</body>
</html>
js部分:
<script type="text/javascript">
function showHideCode(){
$("#showdiv").toggle();
}
</script>
默认隐藏部分内容,点击展开更多JS代码
内容版权声明:除非注明,否则皆为本站原创文章。
转载注明出处:https://www.heiqu.com/790dabbd65616e461d8a419a6206e729.html