Ir para conteúdo

POWERED BY:

Arquivado

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

B&D Informatica

[Resolvido] Ocultando e Exibindo DIV

Recommended Posts

Ola amigos do forum,

 

Estou com um problema, quero fazer um efeito para exibir e ocultar o conteudo do site em DIV.

 

Estou utilizando o codigo abaixo mais nao sei se seria o mais correto. A minha intenção é fazer que quando o usuario clique no meu apareça no centro da pagina o conteudo e quando ele clicar em outro botao que o conteudo seja trocado.

 

Como eu faria isso??

 

O codigo esta abaixo.

 

Codigo do JQuery

 

<script type="text/javascript">
   $(document).ready(function(){
	  
	  $('#instalacao').hide();
   
      $('a#exibir_instalacao').click(function(){
			
		$('#instalacao').show('slow');
   
   	   });
   
      $('a#ocultar').click(function(){
							   
   		$('#instalacao').hide('slow');
      })
   
});
</script>

HTML

 

    <div id="conteudo_texto">
    <div id="tecnologia">teste</div>
    <div id="instalacao">teste 2 </div>
    </div>

 

Esse é o site.

 

Visualizar

Compartilhar este post


Link para o post
Compartilhar em outros sites

Antes de tudo você precisa ocultar as outras div para poder exibir.

 

Ola amigo,

 

o que eu quero fazer é que esta funcionando, qnd você clica no 2º link da pagina ele abre a div no centro, mais qndo você clica no 3º link ele abre abaixo da div aberta q o certo seria a div aberta fechar e a nova abrir.

 

Não sei se fui claro, mais se puder me ajudar agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

olha

$('#conteudo_texto > div').hide();//some todas as DIVs

faz isso antes de dar o show

 

t+

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.