Submitted 9 months ago

FAQ Accordion with HTML CSS and JavaScript

Sahuan•90

@SahuanP

Preview site View code

This is a solution for...FAQ accordion

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Bom, eu consegui a reolução, mas com muita dor de cabeça e uns probleminhas faltando ainda hahah Os ícones de "+" e "-" funcionam tranquilos enquanto rodo a página pelo VSCode, porém no GitHub não funciona por nada, não sei o porque, já tentei mudar o "src" várias vezes e não é isso. Também tem um outro problema que eu não consegui resolver, que é: Quando você clica em uma opção e depois clica em outra, quando a primeira opção fecha o ícone de"-" não troca de volta pro ícone "+". Se alguém souber e pude rme ajudar, serei muito grato :) Qualquer feedback é muito bem vindo sz

Community feedback

Bernardo Poggioni•5,360
@R3ygoskiPosted 9 months ago
Olá Sahuan, bom trabalho!

Seu projeto está bem feito, a respeito da imagem não estar carregando, acho que seria devido a estrutura de pasta, já que o arquivo script.js na linha 20 :iconItem.src = "../assets/images/icon-plus.svg"; contêm esses 2 pontos antes do assets, o correto seria "./assets/images/icon-plus.svg".

Novamente, bom trabalho!
Marked as helpful
0
Sahuan•90
@SahuanPPosted 9 months ago
Olá @R3ygoski! Eu tinha testado com 1 ponto só antes, e também não tinha funcionado. Hoje fiz de novo depois de ler seu feedback e funcionou kkkk, muito obrigado mano!! Não sei porque antes não tinha funcionado Valeu pelo seu feedback!
1

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord