Skip to main content
3 de 5
adicionou 317 caracteres ao conteúdo

Java script só funciona no primeiro elemento do HTML

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.