单击时我有一个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来解决它。