How to make some list items hidden and expand on click?

Question

JavaScript

It is necessary that some of the items are hidden (4 are constantly shown, the rest are expanded and collapsed by pressing the button). Like on a picture. Blocks and lists inside are output via v-for loop.

Answer 1

for each box, add the isOpen: false field, change it to !isOpen when clicked, bind a class to this thing

Answer 2

Through css, hide the elements of the list, starting from 5. By clicking on the button, you can add a class to the list that will show all the elements