Zmień rozmiar elementów, przeciągając uchwyt rozdzielacza

Chcę móc przeciągać dzielnik w górę iw dół, aby zmienić rozmiar div powyżej i poniżej dzielnika na stałej wysokości strony. Te divy mogą być w tabeli, chociaż nie muszą.

Krótko mówiąc, chciałbym móc naśladować to, co dzieje się najsFiddle witryny, chociaż potrzebuję tylko zmiany rozmiaru w pionie. jsFiddle użył mooTools, ale chcę to zrobić za pomocą jQuery.

Jedna ważna komplikacja: Nie będę znał rozmiaru div powyżej dzielnika, dopóki nie zostanie on faktycznie zbudowany dynamicznie, więc nie mogę po prostu zacząć od ustawionego bezwzględnego pozycjonowania.

Jaki jest najlepszy sposób na przyszłość? Mam przeczucie, że po prostu wymyślę koło, jeśli nie zapytam :)

[BTW: kilka pytań o podobnych nazwach jest powiązanych z przykładami jsFiddle, które nie działają (na przykład,to).

Do tej pory użyłem tego:

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

Nie trzeba dodawać, że jeszcze nie działa.

questionAnswers(3)

yourAnswerToTheQuestion