Resizable columns / panels for content in jquery?

Question

does any one know if there is an example available for sliding panels in jquery? If so, can someone send me a link? This is what I want to accomplish.

On my main screen I want to have three divisions. One right column that covers half the screen and then the left column divided in two rows. I want to expand and/or shrink the right column and/or left column and/or the top row in the left column and/or the bottom row in the left column. Think og it as an IDE with the left side of the coding area and right side as project explorer and the properties. The coder would like to see any three of the sections at once or would like to expand each working area.

I am looking for a jquery solution for such! Thanks

Answer 1

Sounds like the way jsfiddle.net works

This is available as a plugin. http://docs.jquery.com/UI/Resizable

You could also use the jQuery splitter plugin: http://www.methvin.com/splitter/

Also see (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/

Flexigrid is a new (2012) option: http://flexigrid.info/