Ich möchte in der Lage sein, einen Teiler nach oben und unten zu ziehen, um die Größe der Teile über und unter dem Teiler auf einer festen Seitenhöhe zu ändern. Diese Divs könnten in einer Tabelle stehen, müssen es aber nicht.

Kurz gesagt, ich möchte in der Lage sein zu emulieren, was im Internet passiertjsFiddle Website, obwohl ich nur die vertikale Größe ändern müssen. jsFiddle hat mooTools benutzt, aber ich möchte es mit jQuery machen.

Eine wichtige Komplikation: Ich werde die Größe des Divs über dem Divider erst dann kennen, wenn es tatsächlich dynamisch erstellt wird. Daher kann ich nicht einfach mit einer festgelegten absoluten Positionierung beginnen.

Was ist der beste Weg nach vorne? Ich habe das Gefühl, ich erfinde das Rad nur neu, wenn ich nicht frage :)

[Übrigens: Einige Fragen mit ähnlichen Namen sind mit jsFiddle-Beispielen verknüpft, die nicht funktionieren (z. B.diese).

Bisher habe ich das benutzt:

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

Unnötig zu sagen, dass es noch nicht funktioniert.