i have applied transition effect in my code, but it is not working , i am not getting why it is happpening

Question

https://code.sololearn.com/Wa15a19a199A/#

I want that when I click on the read-me box,it should smoothly open not like this which is happening in my code, please solve this problem and give me a proper explanation

Answer 1

You can't transition from px to auto
You are setting the height to auto in your js code that's why transition is not working.
You may use max-height to do transition.

Answer 2

Thanks dude it was proper
explanation