Quiero poder arrastrar un divisor hacia arriba y hacia abajo para cambiar el tamaño de los divs por encima y por debajo del divisor en una altura de página fija. Estos divs podrían estar en una mesa, aunque no necesitan estarlo.

En resumen, me gustaría poder emular lo que sucede en eljsFiddle Sitio, aunque solo necesito el tamaño vertical. jsFiddle ha usado mooTools, pero quiero hacerlo con jQuery.

Una complicación importante: no sabré el tamaño del div por encima del divisor hasta que se construya de forma dinámica, por lo que no puedo comenzar con un posicionamiento absoluto establecido.

¿Cuál es la mejor manera de avanzar? Tengo la sensación de que simplemente reinventaré la rueda si no pregunto :)

[BTW: un par de preguntas con nombres similares están vinculadas a ejemplos de jsFiddle que no funcionan (por ejemplo,esta).

Hasta ahora he usado esto:

    $('.rsh').draggable({
        axis:'y',
        drag: function (event, ui) {            
            var offsettop = ui.offset.top;
            $(this).prev().css({
                height: offsettop
            });
    });

No hace falta decir que todavía no funciona.