Why does expanding have a max height

when you extend a q/a on docs.sleep.urbandroid.org, it uses max-height and transition to show a smooth expansion. however, the max-height is limited to 500px. some answers are longer than that, and the problem is even worse on mobile. in order to fix this, the max-height and transition could be expanded, the transition could be removed, or you could use another type of transition.
on different types of transitions: personally i really like how Svelte the web framework does transitions, however it seems you’re using a custom script for accordions. you should be able to get the height of the content and set the max-height to that in order to keep the transition. (also you should be using a details+summary or a button, using divs as a button is bad for accessibility in multiple aspects)

PR made