разветвитель с использованием библиотеки

Question

Я пытаюсь создать изменяемый размер ячеек (Splitter), как один ниже http://methvin.com/splitter/3csplitter.html

Но мне нужно, чтобы сделать это с помощью JQuery UI.

Я не уверен, как подобная вещь может быть достигнута с использованием jQuery UI.

Можно ли с помощью JQuery UI Resiable (http://jqueryui.com/resizable/)

Если да, то не могли бы вы предоставить любой справочный пример для того же. Она должна вести себя аналогично Methvin.com/splitter

Answer 1

Это, безусловно, возможно с Jquery UI, проверить документы здесь http://jqueryui.com/resizable/#helper это просто пример короткой руки

$(function() { 
    $("#resizable").resizable({ 
     handles: "n,e,s,w" // chose the handle you want 
    }); 
    }); 

Answer 2

Это код, который я б один день:

$(".resizable1").resizable({ 
    handles: 'e', 
    minWidth: '50', 
    maxWidth: '350', 
    resize: function() { 
     var remainingSpace = $(this).parent().width() - $(this).outerWidth(), 
      divTwo = $(this).next(), 
      divTwoWidth = remainingSpace - (divTwo.outerWidth() - divTwo.width()); 
     divTwo.width(divTwoWidth); 
    } 
}); 

http://jsfiddle.net/8qzTJ/