<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script charset="utf-8" type="text/javascript" src="./jquery-1.9.1.min.js"></script>
<script type="text/javascript">
//展开信件
function show_cont(action,obj){
var content_all = $(obj).next().next('div').attr('id');
$('#'+content_all).css("display","block");
$(obj).css("display","none");
$(obj).next().css("display","block");
}
//关闭信件
function close_cont(action,obj){
var content_all = $(obj).next().attr('id');
$('#'+content_all).css("display","none");
$(obj).css("display","none");
$(obj).prev().css("display","block");
}
</script>
<style>
a{border:1px solid blue;padding:5px;height:30px;width:30px;text-decoration: none;}
div{width:400px;padding: 5px;margin-top: 10px;border:1px solid blue;}
</style>
</head>
<body>
<a href="javascript:void(0);" onclick="show_cont('show_cont', this);" >展开</a>
<a href="javascript:void(0);" onclick="close_cont('close_cont', this);" >收起</a>
<div id="show_close" style="display:none;">
专注你的文字内容而不是排版样式。<br/>
轻松的导出 HTML、PDF 和本身的 .md 文件。<br/>
纯文本内容，兼容所有的文本编辑器与字处理软件。<br/>
可读，直观。适合所有人的写作语言。<br/>
</div>
</body>
</html>
神回复
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。