Simple div toggle, but not from 0px PLEASE HELP

Simple div toggle, but not from 0px PLEASE HELP

Hi,

I have tried searching the forums but cant seem to find an answer to what seems a simple problem.

I am fairly new to jQuery so please forgive me if this is a really easy problem.

Ok basically I have a div that will have dynamic content in it so the height of the div could potentially be anything.

Now I only want to show part of the div on initial load, say 200px then I want to show the rest of the div, then toggle back to 200px.

Everything i search for simply uses toggle to show hide the a div completely, always animating from 0px. How can you specify a height to toggle back to? I only want to show hide part of the div not all of it.

I cant use animate as you cant seem to animate to height auto ect, and i don't know the height in pixels as the div content is dynamic.

The only solution i have made is setting the div css to hieght: auto and then back to height: 200px

However there is no animation with this obviously.

I just want to show/hide part of the div, so returning to a specific pixel height, not to 0px.

I really hope someone can help, it seems an obvious problem people must have, am i completely going down the wrong route?

Kind Regards,

Alex