JavaScript style.display. Element not showing after a specific number of elements being shown/hide.

Question

I have multiple buttons to show specific pieces of information. All elements except the one are hidden (display="none").

After a specific number of elements are hidden, the last piece of element won't be shown when the button that it is connected clicked. When I completely wipe out a different functions, it works perfectly.

I'm not using onclick attribute. Using addEventListener. Within each evetlistener, I'm setting what I want hidden and shown.

Is there a specific number that JavaScript can handle this?
https://code.sololearn.com/W4ytxSbtf35I/?ref=app

Answer 1

Could you please show us the code with the issue? Maybe it is just a typo.
Also, for showing data, have you considered the html tag "details"?

Answer 2

Can you share your code from the code playground? Then someone can have a better look and help.

Answer 3

As I know there is no limit, please post your code, so we can check it.