JQuery slideUp and slideDown the whole

JQuery slideUp and slideDown the whole

Good night, morning, afternoon...
I'm developing a website that the whole content slides up and down... I
have thought in many possibilities but still couldn't find an answer. Note
that the index/intro/main page is the second section. My inspiration is :
http://www.pulpdesign.it/
Thanks , in advance.
<section class="tips-content">
</section>
<section id="intro">
<h1 id="intro-logo">bla</h1>
<span id="title">blabla</span>
<nav id="navigation">
<a href="#" id="go_curriculum"><span
class="curriculum"></span><span
id="curriculum">currículo</span></a>
<a href="#" id="go_contact"><span
id="contact">agendamento</span><span
class="contact"></span></a>
<a href="#" id="go_services"><span
id="services">serviços</span><span
class="services"></span></a>
<a href="#" id="go_tips"><span
id="tips">dicas</span><span class="tips"></span></a>
</nav>
</section>
<section id="curriculum-content">
<div style="height:100%; background:red;">
</div>
</section>
<script>
$(document).ready(function(){
$("#go_curriculum").click(function(){
$(".tips-content").slideDown("slow");
});
$("#go_tips").click(function(){
$("#curriculum-content").slideUp("slow");
});
});
</script>
</body>