$("#div").animate({height:'0'});
<style>
body{margin: 0; padding: 0}#content1{ height: 100%; background-color: #00a0c6; width: 100%;
}#content2{ width: 100px; height: 100px; background-color: white; z-index: 100; float: left;
position: fixed; top: 0;
}</style>
<script>
$(function () {
$('body').height(window.screen.height);
$('body').width(window.screen.width);
})</script>
<body>
<div id="content2"></div>
<div id="content1"></div>
<script>
$('#content1').click(function () {
$('#content2').animate({top:'85%'});
})</script>