Ir para conteúdo

POWERED BY:

Arquivado

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

ericolvr

Duas divs com show/hide

Por , em Javascript

Recommended Posts

ericolvr    0

ericolvr
Postado

Pessoal vi alguns tópicos aqui e na internet.

Meu conhecimento de JS é péssimo, geralmente é outra pessoa quem faz.

 

Tenho duas divs ocultas. oculto1 e oculto2 feitas da forma mais simples.

 

Como posso fazer para qdo clicar em uma, sumir com a outra, remover.

Se clico no botao da "oculto1" ela abre, se clico no botao do "oculto2" ela abre por cima da outra.

É possivel fazer isso dinamicamente, ter um terceiro botao para remover alguma delas ou ambas se as mesma estiverem abertas.

 

Desculpem.

 

Estava olhando esse código, mas nao funfa para o que preciso.

http://forum.imasters.com.br/topic/277593-resolvido-criando-div-hideshow-multiplo/

Compartilhar este post

Link para o post
Compartilhar em outros sites

ericolvr    0

ericolvr
Postado

É quase isso.

To tentando faz tempo em cima desse código.

 

Não consigo de forma alguma "péssimo em JS" se alguém puder dar uma força.

Hoje meu código fnciona, mas abrindo divs em cima de divs, vao se sobrepondo

 

Acho que fica mais facil na olhando a imagem.

 

 

isso.jpg

Compartilhar este post

Link para o post
Compartilhar em outros sites

Progjunior Daniel    34

Progjunior Daniel
Postado

conseguiu resolver?

 

eu fiz esse codigo, ve se resolve:

 

 

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

</head>

<script>

$(document).ready(function(){

$('#oculta1').click(function(){

$("#oculta2").toggle();

 

});

 

$('#oculta2').click(function(){

$("#oculta1").toggle();

 

});

 

$('#ocultas').click(function(){

$("#oculta1").toggle();

$("#oculta2").toggle();

});

});

</script>

<div id="oculta1">div oculta1</div>

<div id="oculta2">div oculta2</div>

<div id="ocultas">ocultas</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

ericolvr    0

ericolvr
Postado

Progjunior Daniel, Gustavo H. Rorato, obrigado antes de qualquer coisa.

 

Prog.

No exemplo que me mandou funciona quase 100%.

 

A imagem acho que ilustra o que preciso.

 

IMAGEM AQUI

IMAGEM AQUI

 

link abre oculta1 - link abre oculta2 - link fecha/remove div ou divs que estao abertas,

voltando ao estado inicial que é a imagem sendo mostrada e os respectivos links embaixo.

 

Peço desculpas, não sei JS e não sou eu quem faz, essa bucha caiu no meu colo,

faço a parte de Configuração de servidores, Python.

 

Se puderem me ajudar será de graaaande valia.

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcos Vilela Alves    4

Marcos Vilela Alves
Postado

Voce pode fazer sem Jquery tbm

 

tipo assim

 

html

<div id='div1'></div>
<div id='div2'></div>

 

js

window.onload = function()
{
   document.getElementById('div1').onclick = function(){
       this.style.display = 'none'
       documente.getElementById('div2').style.display = 'block';
   }
   document.getElementById('div2').onclick = function(){
       this.style.display = 'none'
       documente.getElementById('div1').style.display = 'block';
   }

}

 

acho que se fizer algo parecido com isso ao clicar na primeira ela abre a segunda e se esconde. e qdo clica na segunda a situacao se inverte.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito