How to hide one block but open another?

Question

css

There was a problem. How can I make it so that when you click on one block, a list appears (I know how to do this), but when you click on another, this text and the list hide and open the elements of the second block, and so on. You open one, the contents of the other are hidden. Help me please.
Here is an example of what I already did: https://jsfiddle.net/6sn6hry1/6/

Answer 1

Google "accordion jquery", a bunch of examples will be

Answer 2

https://jqueryui.com/tabs/ Also hides and shows blocks)