Redimensionar elementos arrastando o manipulador divisor
Eu quero ser capaz de arrastar um divisor para cima e para baixo para redimensionar os divs acima e abaixo do divisor em uma altura de página fixa. Esses divs podem estar em uma tabela, embora eles não precisem ser.
Em suma, eu gostaria de poder emular o que acontece nojsFiddle site, embora eu só precise do redimensionamento vertical. O jsFiddle usou o mooTools, mas eu quero fazer isso com o jQuery.
Uma complicação importante: não sei o tamanho do div acima do divisor até que ele seja construído dinamicamente, então não posso começar com um posicionamento absoluto definido.
Qual é o melhor caminho a seguir? Tenho a sensação de que vou reinventar a roda se não pedir :)
[BTW: algumas perguntas com nomes semelhantes estão ligadas a exemplos de jsFiddle que não funcionam (por exemplo,isto).
Até agora eu usei isso:
$('.rsh').draggable({
axis:'y',
drag: function (event, ui) {
var offsettop = ui.offset.top;
$(this).prev().css({
height: offsettop
});
});
Escusado será dizer que não está funcionando direito ainda.