Question

This is my site:

shoutkey.com/gigantic

When you click on “More Info”, on the first item, it works (it folds a element under with information).

If you try to click this more button on the second, third and so on item elements, it wont work!

First I thought it was the .infobutton, that didn’t work for the second etc items but now I have found out that it’s the hiding elements with the information, that makes the More info button not working. (You cant click on the anchor link)

How can I fix this in my CSS? z-index? How? Am I hiding the elements wrong?

Answer 1

Remove the use of your hidden CSS class, replace $(this).next().toggleClass("hidden"); with $(this).next().toggle();