[Resolvido] efeito mostrar e ocultar div

Olá Pessoal ,

Estou estudando Jquery, e estou com uma dúvida.

Tenho uma div com um conteúdo, no qual quero que mostre ela oculta e ter um link para mostrar, e quando mostrar ter a opção de ocultar. Fiz da seguinte maneira seguindo um tutorial que peguei mas no código abaixo aparece a div já com o conteúdo.

<script>
$(document).ready(function(){
$("#ocultar").click(function(event){
 event.preventDefault();
 $("#capaefectos").hide("slow");
});

$("#mostrar").click(function(event){
 event.preventDefault();
 $("#capaefectos").show(3000);
});
});
</script>

<div id="capaefectos">

 <p>Camada de Efeitos</p>
 <p> </p>
 <p>Aqui pode colocar o qualquer coisa!</p>
</div>

<p>
<a href="#" id="ocultar">Ocultar a camada</a> |
<a href="#" id="mostrar">Mostrar a camada</a>
</p>

Obrigado pela atenção de todos.