Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Anderson web

[Resolvido] efeito mostrar e ocultar div

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Então você quer que ela comece oculta?

 

apenas diga para ser assim:

 $("#capaefectos").hide();

ou então via CSS (mas ai seria obstrutivo), setando o display: none; na mão.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.