本帖最后由 sz861128 于 2011-12-27 10:49:50 编辑

解决方案 »

  1.   

    你可以先查找 层1/层2下面有几个div,如果每个div高度相同,就用div的高度*个数就可以了吧
      

  2.   

    嗯,大致是这个意思,不过不知道能不能只取子层div,实在对js才疏学浅,不太会写这个方法
      

  3.   

    可以,如果你用jquery的很简单
    $(".层1>div").length  这就是获取层1下面的div的个数
    或者:$(".层1 .content07").length 这是获取层1下面样式是content07的个数
      

  4.   

    可以吧。
    给展按钮1,一个click事件,然后在事件处理程序里面,取层2的引用!然后就可以取的childNodes.length这个数就是层2包含的子元素!
    PS:我学的不精,还在走。如果错误,请高手指名下!
      

  5.   

    这边我测试了一下,高度为0而子元素有内容的话,父元素会被撑开,而不会出现display:none的效果。
      

  6.   

    感觉你就是想做类似菜单,或者叫滑块的东西,给你做了个,给分全看自觉啊~~
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
    <style type="text/css">
    .d1{border: #E3E3E3 thin solid;background-color:#99CCCC;}
    .d2{border: #E3E3E3 thin solid;background-color:#99CC99;}
    .d3{border: #E3E3E3 thin solid;background-color:#9999CC;}
    .title{background-color:#99CCCC; height:40px;}
    .content07{border: #E3E3E3 thin solid;background-color:#9999CC; height:75px;display:none;}
    </style>
    <script type="text/javascript"  src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
       $(".d1,.d2,.d3").click(function(){
    $(this).find("div[class='content07']").slideToggle("slow");
       });
    });
    </script>
     </HEAD>
     <BODY>
    <div class="d1">
      <div class="title">d1</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
    </div>
    <div class="d2">
      <div class="title">d2</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
     </div>
    <div class="d3">
      <div class="title">d3</div>
      <div class="content07">content07</div>
      <div class="content07">content07</div>
    </div>
     </BODY>
    </HTML>
      

  7.   

    $(".div1,.div2,.div3").click(function(){
            $(this).children('.content07').slideToggle("slow");
           });
      
      

  8.   

     $(".div1,.div2,.div3").click(function(){
            $(this).children('.content07').slideToggle("slow");
           });