Hvordan animerer jeg width på div?

Hej alle,

Jeg har en function, hvor brugeren kan vælge om han/hun vil se den side der redigeres med eller uden underside menu.

Som det er nu, virker det fint, men jeg kunne godt tænke mig at animere bredden af "den store" div, og så fade underside menuen ind/ud.

 function animate_sub_menu(to_do) {
 switch( to_do )
 {
 case 'vis' :
 $( '#cms_get_content' ).css({ 'width' : '77%', 'float' : 'right' });    
 setTimeout(function(){ $( '#editor_sub_navigtion' ).fadeIn( 500 ); },50);                
 break;
 
 case 'gem' :
 $( '#editor_sub_navigtion' ).fadeOut( 500 );
 setTimeout(function(){ $( '#cms_get_content' ).css({ 'width' : '100%' }); },510);        
 break;
   }
 }

Jeg sætter css som fungerer, men det er et øjeblikkeligt skift af bredden, hvorefter jeg fint kan fade underside menuen ind.

Hvordan kan jeg først animere bredden til de 77% og sætte den til float right, og så fade undersidemenu ind/ud derefter?

Og selvfølgelig omvendt: fade underside menuen ud, og herefter animere bredden tilbage til 100%, og fjerne float right?

Mange hilsner,
Klemme