All comments

• 

  Josue Ocanha Costa•130

  @JosueCosta2023Submitted 12 months ago

  Maior dificuldade: Desenvolver o evento de "click" para os itens do acordeon.

  

  FAQ - Perguntas Frenquentes usando javascript e css responsivo

  1

  30
  

  Pedro Mascarenhas•30

  @pedro-drosaPosted 12 months ago

  Olá Josue, espero que esteja bem!

  Notei que há uma oportunidade de melhorar a experiência do usuário. Atualmente, os itens podem ser exibidos, mas não ocultados após serem abertos.

  Pensando em usabilidade, notei que não possui uma lógica para exibir um item por vez. Podemos considerar uma heurística quando se trata de um "F.A.Q"

  Fico à disposição para discutirmos mais sobre isso.

  const itensAcordeons = document.querySelectorAll('.item');
  
  itensAcordeons.forEach((item) => {
    item.addEventListener('click', (event) => {
      itensAcordeons.forEach((item) => {
        if (item !== event.currentTarget) item.classList.remove('ativo');
      });
      event.currentTarget.classList.toggle('ativo');
    });
  });
  

  0

  This comment has received 1 replyShow