Я исправил то, что, как мне кажется, вы просите.
http://jsfiddle.net/yGZHC/2/
Прежде всего, переместите контент ниже того, над чем вы хотите быть:
<div id="open">
<a href="#">slide</a>
</div>
<div id="holder">
<div id="header">
<h1>TITLE HERE</h1>
</div>
<div id="contact">
</div>
</div>
<div id="slidenav">
....
Тогда, просто увеличьте slidenav
еще немного, чтобы компенсировать.Вы можете даже полностью скрыть div, пока не нажмете кнопку показа.
$(document).ready(function() {
$('#slidenav').animate({
marginTop: '-480px'
}, 200);
$('#open a').toggle( function(){
$('#slidenav').animate({
marginTop: '0'
}, 500);
},
function(){
$('#slidenav').animate({
marginTop: '-380px'
}, 500);
});
});