类似EXT的panel那样的展开效果

来源:百度知道 编辑:UC知道 时间:2024/06/14 18:04:26
http://www.ajaxjs.com/examples/panel/panels.html
类似这样的效果
当然不用js库的

很简单 就按你例子上面说的那个table
有2个tr 一个就是你说的标题 上面需要有一个图片作为按钮 单击 改变图片,一个向上箭头一个向下。
单击事件还要包括将下面的内容隐藏掉了,将你的<tr 加 style="display:none" 就会隐藏掉了 所以你用js控制此tr就行了
首先给你tr一个id js才能访问到此对象
例如此对象ID 为qwe
var obj=document.getElementById("qwe");
用代码 obj.style.display="none";
和obj.style.display="";就能控制隐藏或显示了。
如果是一个函数,那么前面加一个判断,如果是隐藏了就显示,如果是显示了就隐藏就行了。