<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown("slow");
});
});
</script>
<style>
#panel,#flip {
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel {
position:absolute;
padding:50px;
display:none;
}
</style>
</head>
<body>
<div id="flip">Click to slide down panel</div>
<div id="panel">Hello world!</div>
<div id="goDown">dddddddd</div>
</body>
</html>
Check out this solution on jsFiddle
Is it possible for the "goDown" div to go down at the same time as the "panel" div appears with the position set to absolute? Your feedback is appreciated. Thank you.