Skip to content
Submitted about 3 years ago

FAQ Accordion Card

MD Zillur Rahman•40
@zillur-rgb
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey guys,

I know I could do this easy way but I wanted to do it like when I click a question the answer of this question will be visible but others should be invisible. But I couldn't crack the problem. I will again try this. But If you guys could give me some hint it would be easier for me. Thank you guys.

Community feedback

  • Account deleted

    Ok, I see what you mean, you want it to close the previous opened tab and open the one you just clicked instead of only closing the other one, and having to click again to open it.

    • It should be very easy since you have some other things working, you just need to execute two functions simultaneously if a tab is opened, which'll be closing the previous tab and opening the one currently being clicked.

    • & you are missing the box.

    Marked as helpful
    0
    MD Zillur Rahman•40
    @zillur-rgbPosted about 3 years ago

    @thulanigamtee Thanks for your valuable feedback. I will definitely try and update my git repository and here also. Anyway I don’t understand what do you mean by box.

    0
    Account deleted

    @zillur-rgb I mean the orange box with an '@'... it supposed to be on top of the picture.

    Marked as helpful
    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