Изменение размера элементов путем перетаскивания обработчика делителя
Я хочу иметь возможность перетаскивать разделитель вверх и вниз, чтобы изменить размер разделителей выше и ниже разделителя на фиксированной высоте страницы. Эти div могут быть в таблице, хотя они не должны быть.
Короче говоря, я хотел бы иметь возможность подражать тому, что происходит наjsFiddle сайт, хотя мне нужно только вертикальное изменение размера. jsFiddle использовал mooTools, но я хочу сделать это с помощью jQuery.
Одно важное осложнение: я не буду знать размер div над разделителем, пока он не будет построен динамически, поэтому я не могу просто начать с установленного абсолютного позиционирования.
Какой лучший путь вперед? У меня такое ощущение, что я просто заново изобрету колесо, если не спрошу :)
[Кстати: пара вопросов с похожими именами связана с примерами jsFiddle, которые не работают (например,этот).
До сих пор я использовал это:
$('.rsh').draggable({
axis:'y',
drag: function (event, ui) {
var offsettop = ui.offset.top;
$(this).prev().css({
height: offsettop
});
});
Излишне говорить, что это не работает. прямо сейчас.