jqxSplitter jquery plugin

Invoke the expand method of the jqxSplitter. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='jqxSplitter'>
    <div  style="background-color: #97FFAF">
        <div id="innerSplit">
            <div style="background:red"></div>
            <div style="background:yellow"></div>
        </div>
    </div>
    <div  style="background-color: #E8C0AF"></div>
</div>

CSS

html, body 
    {
        height: 100%;
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

JavaScript

$("#jqxSplitter").jqxSplitter({
    width: '100%',
    height: '100%'
});

$("#innerSplit").jqxSplitter({
    width: '100%',
    height: '100%',
    orientation: 'horizontal'
});