How to make table rows expandable?

Question

css

So, there is an html dynamic table (therefore, setting id, class for tr tags will not work) and you need to initially display, for example, 10 lines, and then the "show all" button goes. When pressed, it is desirable (but not necessary) to smoothly expand the entire table. Rollback is not required.

But you need to take into account that there may be fewer lines, then the "show all" button should not be.

Maybe someone saw a similar implementation, some developments?

Answer 1

A script of three lines, what developments do you need?
https://jsfiddle.net/905xos45/