0

Quero criar uma espécie de lista de divs, onde quando eu aperto o botão, eu mostro uma div específica enquanto que as outras ficam ocultas, tipo um carrosel de div.

 <section class="carrosel">
        <div class="passar"> 
            <button type="button" id="voltar-img" onclick="voltar()"><</button>
        </div>

        <div class="maleta">


            <div class="projetos" id="calculadora-imc">
                <img class="img-project" src="../ícone/calculadora.png" alt="">
                <p class="nome-projetos">CALCULADORA DE IMC</p>
                <a class="link-project" href="" target="blank">Acessar Projeto</a>
            </div>

            <div class="projetos" id="restaurante-on">
                <img class="img-project" src="../ícone/restaurante.png" alt="">
                <p class="nome-projetos">CARDÁPIO ONLINE</p>
                <a class="link-project" href="" target="blank">Acessar Projeto</a>
            </div>

        </div>

        
        <div class="passar">
            <button class="passar-img" type="button" onclick="passar()">></button>
        </div>
    </section>

1 Resposta 1

-2

você pode usar o componente dropdown do bootstrap para fazer isso.

  1. Adicione o bootstrap em seu projeto
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  1. adicione a classe "dropdown-item" em suas divs

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .