Como fazer um Accordion interativo | HTML, CSS e JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 22

  • @jairolima959
    @jairolima959 10 หลายเดือนก่อน

    a sua aula é muito superior a que vi, mesmo sendo de um canal bem grande, ja que estava procurando tutoriais onde eu poderia após clicar, minimizar clicando novamentte, onde o seu explica perfeitamente sobre, muito obrigado

  • @josimarmiranda9722
    @josimarmiranda9722 10 หลายเดือนก่อน +1

    Já tinha assistido outra aula sobre accordion, mas a sua ficou bem mais prática. Direto ao ponto.

  • @Paulotkym
    @Paulotkym 10 หลายเดือนก่อน

    Larissa, tudo bem? Você tem o dom para ensinar! Assisti aulas de cursos pagos e não era tão didático quanto ao seu vídeo! 👏👏👏

  • @renanvcb
    @renanvcb 5 หลายเดือนก่อน

    Coisa linda, Larissa! Consegui fazer um accordion lindo do zero graças à sua ajuda!!! Nota 1000! Super didática.

  • @pdeandradecosta
    @pdeandradecosta 27 วันที่ผ่านมา

    Me ajudou, muito. Obrigado!!

  • @PauloSantos-yc2fx
    @PauloSantos-yc2fx 10 หลายเดือนก่อน +1

    To adorando que to descubrindo a função de recursos do css que eu achava wue nao funcionavam😂

  • @iremarpereiradasilva2250
    @iremarpereiradasilva2250 8 หลายเดือนก่อน

    Larissa parabéns pelos seus tutoriais, você é top, principalmente na sua didática, pois é muito bem explicado. Muito obrigado por nos ajudar nesta carreira tão complexa, que é a da programação. Valeu mesmo.

  • @diesnei8067
    @diesnei8067 10 หลายเดือนก่อน

    Ficou excelente! Simples e funcional, parabéns!

  • @angelosilvanno
    @angelosilvanno 10 หลายเดือนก่อน

    gostei demais, ficou excelente

  • @AndreOliveira-rn5dx
    @AndreOliveira-rn5dx 10 หลายเดือนก่อน

    Parabéns!!!

  • @olgakich
    @olgakich 11 หลายเดือนก่อน +1

    Parabéns

  • @FernandoSilvaRodrigues-fi6yc
    @FernandoSilvaRodrigues-fi6yc 6 หลายเดือนก่อน

    Oi Larissa gostei do tutorial, eu estou tentando fazer um accordion usando a tag button que quando for clicado ele ative uma classe active em uma tag P, usando forEach mais ele fica fazendo loop quando o button é clicado varias vezes, passando por todas as tag P, como eu poderia cancelar esse problema, para quando o button for ativo ele nao avance para a proxima tag P, voce poderia me dar uma luz para resolver esse problema. Obrigado e parabens pelos tutors.

  • @wallacesilva6087
    @wallacesilva6087 11 หลายเดือนก่อน

    Muito bom 🚀

  • @CFALJokeer
    @CFALJokeer 8 หลายเดือนก่อน

    Como faz para colocar essa funcionalidade dentro de um site wordpress/elementor?

  • @angelosilvanno
    @angelosilvanno 10 หลายเดือนก่อน

    muito bom

  • @ryanpantaneiro
    @ryanpantaneiro 5 หลายเดือนก่อน

    Uma coisa que eu percebi desenvolvendo o meu aqui: No container, se você definir o display como grid, e não como flex e column. Automaticamente os filhos tem o comportamento diferente, de se adaptar a larguras diferentes, sendo assim, mesmo aumentando o tamanho do span, ele acaba não dando um overflow, nem precisando fazer os tratamentos. Mas eu não sei explicar muito bem o porque isso acontece, sendo que está aplicando no container, não acaba refletindo essas alterações no span por exemplo ou diretamente no accordion-header. Se tiver alguém pra complementar esse adendo :D

  • @eletronicamultimarcas4076
    @eletronicamultimarcas4076 4 หลายเดือนก่อน +1

    Ótimo Tutorial, mas tem um bug, você diminuiu a opacity do BODY, seu conteúdo fica clicável dando um clique falso e abrindo o outro conteúdo abaixo.
    forma correta
    .accordion-body {
    display: none;
    flex-direction: column;
    align-content: center;
    color: #444;
    font-size: 14px;
    padding: 5px 0px;
    }
    .accordion-body.active {
    display: flex;
    }

  • @miguelsantana2066
    @miguelsantana2066 4 หลายเดือนก่อน

    Usem a tag details ela faz um accordion automaticamente

  • @eduardosilveira4075
    @eduardosilveira4075 8 หลายเดือนก่อน

    Curti bastante o vídeo.
    Tentei fazer em casa e funcionou perfeitamente. Mas quando fui refazer no site da empresa, não funcionou. 😢

    • @larissakich
      @larissakich  8 หลายเดือนก่อน +1

      Oii, talvez seja alguma importação ou biblioteca que tenha no site de vocês que cause conflito, da uma olhadinha nas importações

  • @higormartinsb
    @higormartinsb 10 หลายเดือนก่อน

    Você trabalha na área ? Ou só ensina mesmo ?