FAQ - Perguntas Frenquentes usando javascript e css responsivo

Community feedback

• 

  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

  ---

  

  Josue Ocanha Costa•130

  @JosueCosta2023Posted 11 months ago

  Boa noite, Muito obrigado pela dica. Eu não consegui pensar na lógica para oculta-los clicando novamente sobre a pergunta. Atualmente, a pergunta fica oculta quando o usuário clica sobre outra. Vou analisar seu código e aplicar a melhoria. Muito obrigado meu amigo. "Vida longa e próspera." 🖖 @pedro-drosa

  0