FAQ accordion card | FLEXBOX & JS

Community feedback

• 

  Oleh Tovkaniuk•505

  @OlehTovkaniukPosted about 4 years ago

  This is kind of creative solution. I like the box animation. Also the main container's size aren't changing when I open the tabs which is good. Nice work.

  1

  ---

  

  Dwight•215

  @SarsiPCPosted about 4 years ago

  @OlehTovkaniuk Glad you like it! Thankyou very much!

  JS code isn't actually mine, though. Haha! I gave credit to the user in the desc.

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  Hey, Dwight! 👋

  Nice job on this challenge! I like how you animated the floating cube upon opening any one of the FAQs! 😃

  Your solution is responsive, too! 👏

  I suggest,

  • Decreasing the intensity of the box-shadow a bit (to make it a little more subtle like in the original design).
  • For some reason, when I first load the page, I have to click on each FAQ twice in order to open it. You might want to look into your JS to see what's going on.

  Keep coding (and happy coding, too)! 😁

  1

  ---

  

  Dwight•215

  @SarsiPCPosted about 4 years ago

  @ApplePieGiraffe I am very new to JS and the code isn't actually mine.

  Anyway to fix this?

  Thanks for the comment!

  0

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  @SarsiPC

  I'm actually quite new to JS, too! 😊

  While I might not be able to find the exact problem, I vaguely remember having a similar issue in one of my projects where I had to click twice on one of the buttons on my page for a certain popup to appear.

  I ended up coming across this StackOverflow answer that explains how JS understands the display property. Perhaps this could help! 😉

  1

  

  Dwight•215

  @SarsiPCPosted about 4 years ago

  @ApplePieGiraffe OMG, thanks so much for this! ❤️❤️

  Finally fixed the double clicking issue- thanks to you! You should check it out once again.

  0

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  @SarsiPC

  It works great now! 👍

  Good job on the fix! 👏

  😆

  0