jQuery Tree

Invoke the refresh method of the jqxTree. 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">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='accordion' style="height: 400px">
     <h3>Header1</h3>

    <div id='jqxTree'>
        <ul>
            <li item-selected='true'>Home</li>
            <li item-expanded='true'>Solutions
                <ul>
                    <li>Education</li>
                    <li>Financial services</li>
                    <li id="government">Government</li>
                    <li>Manufacturing</li>
                    <li>Solutions
                        <ul>
                            <li>Consumer photo and video</li>
                            <li>Mobile</li>
                        </ul>
                    </li>
                    <li>All industries and solutions</li>
                </ul>
            </li>
        </ul>
    </div>
     <h3>Header2</h3>

    <div>content2</div>
</div>

JavaScript

$('#accordion').accordion({
    heightStyle: 'fill',
    collapsible: true,
    active: false,
    beforeActivate: function (event, ui) {
        $('#jqxTree').jqxTree('refresh');
    },
});
$('#jqxTree').jqxTree({
    theme: 'energyblue',

});