水平分裂器bug

Question

基于查询可调整大小的小部件，使用众所周知的垂直分切器，我试图将其变成水平分割器。然而有些事情是错的，我真的不知道它是什么。这可能只是我忽略的东西，但需要帮助。

我认为Splitter的方向是由可调整大小的函数给出的，但是句柄仍然是垂直的。这是功能：

$(function () 
{
    $(".resizable1").resizable(
    {
        autoHide: true,
        handles: 'e',
        resize: function(e, ui) 
        {
            var parent = ui.element.parent();
            var remainingSpace = parent.height() - ui.element.outerHeight(),
                divTwo = ui.element.next(),
                divTwoHeight = (remainingSpace - (divTwo.outerHeight() - divTwo.height()))/parent.height()*100+"%";
                divTwo.height(divTwoHeight);
        },
        stop: function(e, ui) 
        {
            var parent = ui.element.parent();
            ui.element.css(
            {
                height: ui.element.height()/parent.height()*100+"%",
            });
        }
    });
});

这是小提琴： http://jsfiddle.net/nsjYs/