div disappearing on margin & width animaton problem - jquery

I have coded my div to re size and change margin on cli开发者_Go百科ck of a div with id = switch. But it is disappearing on beginning of animation and reappear on the completion of animation. Ypu can see my fiddle here. Why is this happening and how can I avoid this??

Thanks in advance...:)

blasteralfred

Add

 overflow: visible !important;

to #sidebar and#switch won't disappear during the animation.

It is happening because it is hidden underneath your "viewer". If you can move your switch inside the "viewer" and float it left, set margin-left. Should fix it.

During the animation the elements overflow is set to "hidden". As #switch is visually placed outside #sidebar it disappears. Christopher's solution should override it. It also would'nt happen if you place #switch inside #viewer