之后向下推动Divs.Slidetoggle被激活

Question

激活.slidetoggle面板后，我正试图按下这些框。但实际情况是，它要么在定位框的上方，要么在定位盒的下方（取决于z位置）。我想这样，当滑动切换面板被激活时，它会按下所有的框。

这是JSFIDDLE:http://jsfiddle.net/iqab/8QHdB/3/

下面是我所说的功能类型的一个示例：http://www.michaelnagy.at/

Answer 1

将CSS替换为this。修改后的行将被注释
应用了其他修复程序（请参阅CSS中的注释）。

.wrapper{
    width:800px;
    /*height:800px;*/ /*let wrapper auto resize itself based on contents height*/
    border:solid thin #000;
    position:relative;
    margin:auto;
}
.wrapper .Boxes{
    display:inline-block; /*fix for box overlap out of wrapper. replacement for "float:left" below*/
    width:200px;
    height:200px;
    /*float:left;*/ /*fix for box overlap out of wrapper. replaced with "display:inline-block" above*/
    border:solid thin #000;
    margin:33px;            
}
.wrapper .hbox{
    width:734px;
    height:400px;
    border:solid thin #100;
    /*position:absolute;*/ /*fix for panel overlap over boxes*/
    top:33px;
    margin:33px;
    display:none;
    background-color: #000;
}