JS展开折叠效果

最新推荐文章于 2023-12-08 16:11:18 发布

iteye_2807

最新推荐文章于 2023-12-08 16:11:18 发布

阅读量456

点赞数

分类专栏： JS jsp java 文章标签： JavaScript html ViewUI

本文链接：https://blog.csdn.net/iteye_2807/article/details/82618440

版权

java 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

jsp

5 篇文章 0 订阅

订阅专栏

亲手试验过经过删减某些代码很好用很精简的代码很好用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS张开折叠效果</title>

<script type="text/javascript">
function showList(div_id)
{
var obj = document.getElementById(div_id + "_ljf");
var click_obj = document.getElementById(div_id);
var text = click_obj.innerHTML;

if(obj.style.display == "none")
{
obj.style.display = "block";
click_obj.innerHTML = text.replace("+","-");
}
else
{
obj.style.display = "none";
click_obj.innerHTML = text.replace("-","+");
}
}
</script>
</head>

<body>
<div>
<h1 class="tit">Help Center</h1>
<ul>
<li>
<h5><a id="pNode2" onClick="showList(this.id);">+ Payment</a></h5>
<span id="pNode2_ljf">Paypal Top Questions about Affiliate<br />Top Questions about Affiliate<br />Top Questions about Affiliate</span>
</li>
</ul>
</div>
</body>
</html>

感谢 http://blog.163.com/yong5123@126/blog/static/4551606220104215355596/

iteye_2807

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS展开折叠效果

亲手试验过经过删减某些代码很好用很精简的代码很好用JS张开折叠效果 function showList(div_id){var obj = document.getElementById(div_id + "_ljf");var click_obj = document.getElementById(div_id);var t...
复制链接

扫一扫