JavaScript Expander

Set the expandAnimationDuration property of the jqxExpander. Author: http://jqwidgets.com

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxExpander'>
    <div>Header</div>
    <div>Content</div>
</div>

CSS

#jqxExpander {
    -webkit-box-shadow:Blue 3px 4px 15px;
    -moz-box-shadow:Blue 3px 4px 15px;
    box-shadow:Blue 3px 4px 15px;
}

JavaScript

$("#jqxExpander").jqxExpander({
    width: 200,
    height: "auto",
    theme: 'energyblue'
});