Skip to content
Submitted over 3 years ago

FAQ Accordion with Sass and little of javascript

idkbit•350
@idkbit
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

Hi! How to make the appearing text appear smoothly without "jumping"?

Community feedback

  • Rael•270
    @RaelianPosted over 3 years ago

    Heya, I think if you use "transition: height" property in the active content you might get a smooth result.

    Hope it works!

    EDITED: Just took a closer look at your code and noticed you already used the transition property, my bad! I'm not sure what the problem is exactly since your arrow uses the same properties and is working properly.

    1

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