css position static

I have a stage with 4 divs of class .main, and I applied css to these via stage compositionReady:

sym.$('.main').css({'position':'static'});

My aim is that if the top div is animated and increases in height, the lower three divs will be pushed down the stage. At present the divs behave like positioned divs. The top div moved behind the others when animated.

I am making a ui design similar to an accordion - any samples or examples would be interesting -- thanks.