单击时我有一个div打开另一个div。我想从top:0更改div#close-bar的位置;到最高:120px;但是,如果我更改此设置,则名为#hiddenPanel的相应隐藏div会保持其原始位置。

我希望#hiddenPanel div在单击时与#close-bar相邻,并且其所有内容均随之而来。
我尝试使用#hiddenPanel的顶级属性,但还没有找到能使它工作的原因。
这是我的jsfiddle sample

下面的代码是我希望将#hiddenPanel定位在的位置:

#hiddenPanel {

    position:fixed;
    top:0;
    right:-200px;
    width:200px;
    background-color:grey;
    height:150px;

}

#close-bar {

    position:absolute;
    left:-20px;
    top:120px;
    background:red;
    color:white;
    width:20px;
    height:150px;
    cursor: pointer;
    display:block;
    border-top-left-radius: 4em 3em;
    border-bottom-left-radius: 4em 3em;

}


谢谢
-索耶尔

最佳答案

我通过在div #hiddenPanel上交换top:120px来解决它。

10-07 19:12
查看更多