Skip to content
Submitted 6 months ago

Faq challenge

Joshdefleur•110
@Joshdefleur
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What specific areas of your project would you like help with?

I dont know how to make the buttons turn from plus to minus. also why do i have to double click to use the buttons for the first time.

Community feedback

  • Alex•3,130
    @Alex-Archer-IPosted 6 months ago

    Hi! The variable, you are using to detect status of the question, is initially set to 0. So at first click function executes else condition which set display to none.

    To change icons you can use img tag inside the button and change it's src attribute via JS.

    Also I recommend you to add cursor: pointer rule to buttons for better user experience.

    Happy coding =)

    0

Please log in to post a comment

Log in with GitHub

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