jquery-resizable - A simple splitter panel

---

Simple example that demonstrates how to create slidable two-pane layouts using FlexBox and the resizable plug-in. Note that Flexbox is not required, but used here to keep the layout simple.

Horizontal Splitter Panes: Unbind Horizontal Resizers Vertical Splitter Panes:

---

This example creates two resizables for the horizontal and vertical splitter panes:

<script src="../../dist/uncompressed/skylark-utils-all.js"></script>
<script>
    $(".panel-left").resizable({
        handle: $(".splitter")[0],

        direction: {
            right : true
        }
    });
    $(".panel-top").resizable({
         handle: $(".splitter-horizontal")[0],

        direction: {
            bottom : true
        }         
    });
</script>