Collapsible Panel in HTML/CSS [closed]

Answer 1

You need litle javascript to trigger an event (show/hide div)

 Home 

 About 


 (Close)

Hidden messege to show, Hidden messege to show Hidden messege to show Hidden messege to show
Test Test TestTestTestTestTestTestTest
Test Test TestTestTestTestTestTestTest
Test Test TestTestTestTestTestTestTest
Test Test TestTestTestTestTestTestTest
Test Test TestTestTestTestTestTestTest

CSS

.right {
    float:right;
}
.hide {
    display:none
}

javascript

function toggle_messege(type) {
 document.getElementById("div_messege").style.display = type;
    document.getElementById("hreh_close").style.display = type;

}

check this for running example http://codepen.io/faishal/pen/IHEyw