请帮忙！哪位有：页面上的层，可以展开，可以收缩，可增加多个层，也可以减少层。谢谢

lz可以看看csdn论坛中的树控件，meizz写的。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

lz可以看看csdn论坛中的树控件，meizz写的。
我的意思是：
在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件。
你要的是像许愿墙那样的吧晕，GOOGLE一下这方面的许愿墙就有例子了
<!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>
<style type='text/css'>

</style>
<script language=JScript>

</script>
</head>
<base target="_blank">
<body>
<input type="button" id="btnAdd" onclick="addDiv()" value="添加一个新层" />
</body>
</html>
类似这样的吧？
<style type="text/css">
#one,#two{
line-height:25px;
overflow:hidden;
height:auto;
border:1px solid #999;
}
#one,#two{height:25px;}
#one_2,#two_2{height:25px;}
#one_3,#two_3{height:auto;}
</style>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function $(id ){return document.getElementById(id)}
function $H(id){return parseInt($(id).style.height||$(id).currentStyle.height)}
function openDiv (id,obj){
var h2=$H(id);
if(h2==25)addH=5;
else addH=-5;
son(id,obj);
}
var addH
function son(id,obj){
var h2=$H(id);
var h4=$H(id+"_2");
var h5=parseInt($(id+"_3").offsetHeight);
var h6=h4+h5;
if(addH >0 && h2<=(h6+26) || addH <0 && h2>25){
$(id).style.height=h2+addH+"px";
setTimeout(function(){son(id,obj)},40)
}
if (addH >0)obj.innerHTML="-"
else obj.innerHTML="+"
}
</script>
  <div id="one">
<span id="one_2" style="font-weight:700;width:95%">标题</span><span onclick="openDiv('one',this)">+</span><br>
<span id="one_3">在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！</span></div>

  <div id="two">
<span id="two_2" style="font-weight:700;width:95%">标题</span><span onclick="openDiv('two',this)">+</span><br>
<span id="two_3">
<p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
<p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
<p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
   </span>
  </div>

</body>
try<style type="text/css">
#one,#two{
    line-height:25px;
    overflow:hidden;
    height:auto;
    border:1px solid #999;
}
#one,#two{height:25px;}
#one_2,#two_2{height:25px;}
#one_3,#two_3{height:auto;}
</style>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function $(id ){return document.getElementById(id)}
function $H(id){return parseInt($(id).style.height||$(id).currentStyle.height)}
function openDiv (id,obj){
    var h2=$H(id);
    if(h2<=25)addH=5;
    else addH=-5;
    son(id,obj);
}
var addH
function $objH(id){
    var h2=$H(id);
    var h4=$H(id+"_2");
    var h5=parseInt($(id+"_3").offsetHeight);
    var h6=h4+h5;
    return [h2,h6]}
function son(id,obj){
    var h2=$objH(id)[0]
    var h6=$objH(id)[1];
    if(addH >0 && h2<=(h6+26) || addH <0 && h2>26){
        $(id).style.height=h2+addH+"px";
        setTimeout(function(){son(id,obj)},40)
    }
    else if (addH<0)
     $(id).style.height="25px";
    if (addH >0)obj.innerHTML="-"
    else obj.innerHTML="+"
}
function init(){
$("one").style.height=$objH("one")[1]+30
$("two").style.height=$objH("two")[1]+26
}
onload=init
</script>
  <div id="one">
    <span id="one_2" style="font-weight:700;width:95%">标题</span><span onclick="openDiv('one',this)">-</span><br>
    <span id="one_3">在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！</span></div>

  <div id="two">
    <span id="two_2" style="font-weight:700;width:95%">标题</span><span onclick="openDiv('two',this)">-</span><br>
    <span id="two_3">
    <p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
    <p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
    <p>在页面上放几个层，横着上下排列（左右100%到页边的），可以用按钮展开，收缩的。自己可以增加或减少层的个数，我可以在各个层里面放FORM或数据绑定控件！
      </span>
  </div>

请帮忙！哪位有：页面上的层，可以展开，可以收缩，可增加多个层，也可以减少层。 谢谢

解决方案 »

请帮忙！哪位有：页面上的层，可以展开，可以收缩，可增加多个层，也可以减少层。谢谢