Ir para conteúdo

Arquivado

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

alh

Ocultar / Mostrar DIV em div clonada

Recommended Posts

Olá pessoal..

Tenho uma div que engloba mais 3 divs, que são mostradas apenas a primeira, se clicar na segunda entao ela aparece e desaparece a primeira, com a terceira é igual, quando aparece uma div oculta a outra, até ai tudo certo..Só que agora estou utilizando o comando em jquery para clonar essa div que engloba todas, deu certo, porém quando eu clico para mostrar uma div dentro da div qud foi duplicada ela aparece apenas na div original(n 1) s nao funciona o comando nas outras divs clonadas...

Alguem sabe como resolver?

Desde já agradeço..

Compartilhar este post


Link para o post
Compartilhar em outros sites

São divs que oculta/mostra com javascript quando forem clicadas.. Só que quando existem mais que uma só fuciona a primeira..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Segue abaixo meu código....

<script>
function Listagem(tr) {

if (tr == 1) {
document.getElementById('div1').style.display="block";
document.getElementById('div2').style.display="none";
document.getElementById('div3').style.display="none";

}else if (tr == 2) {
document.getElementById('div1').style.display="none";
document.getElementById('div2').style.display="block";
document.getElementById('div3').style.display="none";
}
else if (tr == 3) {
document.getElementById('div1').style.display="none";
document.getElementById('div2').style.display="none";
document.getElementById('div3').style.display="block";
}
</script>

<!-- Clona DIVS em jquery-->    
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function() {

$("#mais").click(function() {
linha = $("#engloba").html();
$("#conteudo_engloba").append("<br />"+linha+"<br />");
});

});
</script>


<!-- botao que "clona" a div (engloba) -->
<form>
<input type="button" name="" value="+" id="mais">
</form>

<div id="conteudo_engloba">
<div id="engloba">

<a onClick="Listagem(1);" id="btDetalhes" >DIV1</a>
<a onClick="Listagem(2);" id="btDetalhes" >DIV2</a>
<a onClick="Listagem(3);" id="btDetalhes" >DIV3</a>

<div id="div1">DIV 1</div>
<div id="div2">DIV 2</div>
<div id="div3">DIV 3</div>

</div>
</div>

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.