How to make a collapsible table?

Question

css

How to make such a table?

Answer 1

Answer 2

I would try to make a wrapper block for the table, set its height less than the height of the table and overflow: hidden (hide everything that goes beyond the block borders). when clicking on the table, increase the height of the wrapper block to the height of the table

Answer 3

Something like this, just hang some more frills - a translucent gradient, smooth folding, etc.

Answer 4

Ilya, I highly recommend changing the philosophy a little and switching to indents with spaces.
All modern editors understand this.
In JS/CSS it's two, in Python 4, in HTML it's either one or the other.
And here they are set to 8.
Your code is unreadable.

Answer 5

Press F12 and see how it's done once you have an already working version.