Question

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/

Answer 1

Is this close to what you’re after?

DEMO HERE

You can’t use the slideToggle if you want content to remain visible. Instead simply animate the height of the divs.