I'm trying to create a simple "page slider" using resizable. Basically I have 2 elements: 'left column' and 'right column'; 'left column' is resizable (only horizontally) and I'd like 'right column' grows and shrinks according to 'left column' size in order to keep the same overall width.

Any ideas how I can achieve so?

I heve tried

2. $(".left_column").resizable({ resize: function(event, ui) {
3.      $(".right_column").width($(document).width() - ui.size.width )
4.    }
5.   });

but it is very shaky: the left border is not smooth and the scrolling bar appears and disappears very fast

Thanks and have a nice day

Sig