css相邻div的top属性

Question

点击时我有一个div打开另一个div。我想从顶部改变我的div＃close-bar的位置：0;顶部：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;

}

由于 -Sohail

Answer 1

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