How to match ordinal indexes of elements in jQuery?

Question

JavaScript

It is necessary to make it so that when you click on the button, a block is shown, and the rest are hidden. I'm trying to match the ordinal index of the button and the block, but only the first one works - 0 is equal to 0, and then the ordinal number of the button increases, and the block has a constant -1 (displayed to the console). How to solve the problem?
Example

Answer 1

A page cannot have multiple elements with the same id, this is invalid. That's why your code only finds the first one, the rest are simply ignored. Replace id with class at least
Example