Skip to main content
Publicação bloqueada por Syzoth
Aviso adicionado Comments only por Syzoth
O moderador moveu os comentários para o chat
adicionou 4 caracteres ao conteúdo
Fonte Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
.btn-toggle{border:1px solid;}

.btn-toggle:hover{background:yellow;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m1" id="minhaDiv">Conteudo<id="minhaDiv">Conteudo 1</div>

<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m2" id="minhaDiv">Conteudo<id="minhaDiv">Conteudo 2</div>

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
.btn-toggle{border:1px solid;}

.btn-toggle:hover{background:yellow;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m1" id="minhaDiv">Conteudo</div>

<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m2" id="minhaDiv">Conteudo</div>

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
.btn-toggle{border:1px solid;}

.btn-toggle:hover{background:yellow;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m1" id="minhaDiv">Conteudo 1</div>

<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m2" id="minhaDiv">Conteudo 2</div>

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

adicionou 442 caracteres ao conteúdo
Fonte Link

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
    ```

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
.btn-toggle{border:1px solid;}

.btn-toggle:hover{background:yellow;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m1" id="minhaDiv">Conteudo</div>

<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m2" id="minhaDiv">Conteudo</div>

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
    ```

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
.btn-toggle{border:1px solid;}

.btn-toggle:hover{background:yellow;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m1" id="minhaDiv">Conteudo</div>

<button type="button" class="btn-toggle" data-element="#minhaDiv">Mostrar / Esconder</button>

<div class="m2" id="minhaDiv">Conteudo</div>

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Post restaurado por O Zara
Post removido por O Zara
adicionou 317 caracteres ao conteúdo
Fonte Link

Criei uma seção de divs paracom botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, oso script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
    ```

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.

Criei uma seção de divs para aparecer e desaparecer ao ser clicado, os script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento.

A estrutura é essa

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
    ```

Criei uma seção de divs com botão de aparecer e desaparecer o conteúdo das divs ao ser clicado, o script e o html funcionam perfeitamente porém só pro primeiro elemento, quando clico nos demais botões ele altera somente o primeiro elemento. Tipo o java script só funciona para o primeiro Elemento que é encontrado no HTML

A estrutura é essa

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

<button type="button" class="btn-toggle" onclick="btntoggle(this)" data-element="#minhaDiv">Mostrar / Esconder</button>

$(function(){
        $(".btn-toggle").click(function(e){
           e.preventDefault();
            el = $(this).data('element');
            $(el).toggle();
        });
    });
    ```

Oque está faltando? Queria que quando clicasse no primeiro elemento mostrasse o conteúdo normal e quando clicar no segundo abrisse o segundo conteúdo da segunda div normal também como se fosse um Acordion.
Pergunta fechada como "Não é adequada para este site" por Syzoth
adicionou 123 caracteres ao conteúdo
Fonte Link
Carregando
Fonte Link
Carregando