（JS）div收缩的时候 子元素没有跟进（兼容问题）

Question

<div id="d1">  
    <div id="d1" 绝对定位> aaa   </div>  
 </div>  
<div id="d2">  
    <div id="d1" 绝对定位>  bbbb  </div>  
 </div>  
$("#d1").slideUp("slow");//的时候  d2 跟进了  但是 bbbb  没有跟着走
 //FF IE8 opera  正常            IE6  IE7 不行 大家帮忙说说原因

Answer 1

IE6  IE7 不行 
IE6  IE7 不行 
IE6  IE7 不行 
IE6  IE7 不行 
IE6  IE7 不行 有高手没 ？？？？？？？

Answer 2

同一个document，id是不能重复的，$("#d1")，只能取到第一个元素，改用class属性就可以了。

Answer 3

试试下面的效果：
<div id="d1" 绝对定位>  
    <div id="d11"> aaa   </div>
    <div id="d12">  bbbb  </div>
</div>      $("#d1").slideUp("slow");

Answer 4

写错，应该是$("#d11").slideUp("slow");

Answer 5

<div id="d1" 绝对定位> <div id="d11"> aaa </div>  <div id="d12"> bbbb </div> </div> $("#d1").slideUp("slow");