<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){ // Здесь ваш код
$("#header").click(function() {
$("#content").hide();
})
});
// Your code goes here
</script>
</head>
<body>
<div id="container">
<div id="header">click me</div>
<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
body {
margin:0;
padding:0;
background:#ffffff;
background-position:fixed;
}
#container {
margin:0 auto;
background:green;
width:500px;
height:300px;
position:relative;
}
#header {
float:left;
width:500px;
height:100px;
background:red;
}
#content {
float:left;
width:500px;
height:600px;
background:yellow;
}
#footer {
float:left;
width:500px;
height:100px;
background:#dddddd;
}
создал похожий вариант и эффект тот же
Спасибо