I have seen similar questions asked before, however my question is a little bit different to the other ones that have previously been asked.
I want to make the div's expand/collapse on the jquery "click function" I have created. The difference between my question and other questions is the fact that I need to keep the maximum size at "120px" for the div's while they are in their "collapsed" state, and then need the height to be "100%" when it is in the "expanded" state.
Each parent div (i.e. div id = "1") is dynamically created from the SQL database depending on the query which is all handled elsewhere. There will be multiple of these div's on one page (again, depending on the query of the user).
Here is a jsfiddle URL to my code so far: http://jsfiddle.net/m22Gu/17/
Thank you for your time and patience and for helping me out, I'd really appreciate any answers.