How to show/hide dynamic elements using html ID's and jQuery
<p>I asked a similar question <a href="http://stackoverflow.com/questions/8844255/how-to-show-hide-one-dynamic-element-div-at-a-time-with-jquery/8844557#8844557">here</a>  where I wanted to get a single div to show/hide rather than all the divs. This was solved and I used one of the answers provided. However further down the line I ran into some problems where it would open the wrong corresponding div and it was suggested that I use ID's to open the correct corresponding div. The divs are dynamically generated along with their ID's and they are matching as expected.</p>

<p>My problem is that the jQuery script doesn't work any more (i've rewritten it using advice from other answers in the previous question) - does anyone know what the problem is?</p>

<p><a href="http://jsfiddle.net/zaCRH/" rel="nofollow">Here is the code (jsFiddle)</a></p>
