'Web based code editor - (smooth) vertical div resizing problem [closed]

I'm building a web based editor which has a console panel at bottom (like eclipse etc). I've been trying (unsuccessfully) for the past two days to implement the resize functionality -the user can grab a splitter between the editor and the console and resize their heights.

But I've not been able to make the resizing operation smooth. It works only if the user slowly drags the splitter, if he does it fast (like we all do when we resize) it fails. :(

Here's a small portion of my code: http://pastie.org/2324838 (save in file and launch in browser).

I'm targeting IE 7+, Firefox 3.6+, Chrome and Safari 4+



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source