How can you make the splitter collapse on a button click?

   <!--latest CDN for theme file-->

    <link href="http://cdn.syncfusion.com/js/web/flat-azure/ej.web.all-latest.min.css" rel="stylesheet" type="text/css" />

    <!--CDN for JQuery script file-->

    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript"></script>

    <!--latest cdn for script file-->

    <script src="http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js"></script>

<div id="outterSpliter">

        <div>

            <div class="cont">

                Expand Top Pane

      <br />

                <button id="expand_button" type="button">Expand</button>

                <br />

                <br />

                Collapse Top Pane

                <br />

                <button id="collapse_button" type="button">Collapse</button>

            </div>

        </div>

        <div id="innerSpliter">

            <div>

                <div class="cont">Top Pane </div>

            </div>

            <div>

                <div class="cont">Bottom Pane </div>

            </div>

        </div>

    </div>

$(function () {

            $("#outterSpliter").ejSplitter({

                height: "300px", width: "400px",

                orientation: ej.Orientation.Horizontal,

                properties: [{ paneSize: "193px" }],

                cssClass: "splitter"

            });

            $("#innerSpliter").ejSplitter({

                width: "200px",

                orientation: ej.Orientation.Vertical,

                properties: [{ paneSize: "150px" }]

            });

            //Object for inner splitter will be created like below

            innerSplitterObj = $("#innerSpliter").data("ejSplitter");

        });

        $("#collapse_button").bind("click", function () {

            //To collapse the split pane use below mentioned code, here we should specify                              

            //the split pane index number

            //Index 0 represent Top pane

            //Index 1 represents Bottom pane

            innerSplitterObj.collapse(0);

        });

        $("#expand_button").bind("click", function () {

            innerSplitterObj.expand(0);

        });