JavaScript Expander

Bind to the expanded event by type:jqxExpander Author: http://jqwidgets.com

by jqwidgets

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>

JavaScript

$("#jqxExpander").jqxExpander({
      width: 200,
      height: 100,
      theme: 'energyblue'
  });
  $("#jqxExpander").bind('expanded', function (event) {
      alert("Expanded");
  });