@danielmrz-dev
Posted
Hello @CelineTrann!
Your solution looks great!
About your questions:
- Is there a way to make the transition between display: hidden and block to be more smooth?
I faced the same issue recently and I found out that it's not possible to add transitions to the property display
. Some people use opacity: 0;
, width: 0;
or height:0;
to "hide" the element and use javascript to change its value to when clicked. It's works very well.
- I am also having an issue where the answer will only appear when I click on the text, but not the "plus" image. Is there a way to have it so that the accordion opens when I click the entire div?
I noticed that half of your Javascript code is marked as comment, like when you use //
. Could that be the problem? Because I don't see the variable for your question entire div anywhere else on your code.
I hope it helps! 😊