Responsive FAQ Accordion using HTML, CSS, JS

Community feedback

• 

  Alex-Gamarano•350

  @Alex-GamaranoPosted 10 months ago

  Hi Rebecca, Just a couple of comments. I noticed that in your solution, the '+' and ' - ' buttons/icons are not clickable. I Also noticed that if on accordeon card is open, if you click in another card, the previous one will close, however the icon will not reset to '+'.

  On the mobile version, your name and social links desapear to the left.

  Best regards,

  Alex

  0

  ---

  

  Rebecca Padgett•1,840

  @bccpadgePosted 10 months ago

  @Alex-Gamarano

  Thank you for the feedback.

  I added this code below to my script.js file

  .accordion__icon{
   pointer-events: none;
  }
  

  I updated the code to reset the plus icon when one panel is open. Also, I added the first expanded option as well.

  I decided to keep the tooltip on desktop devices only because it gets in the way on mobile devices.

  0