Html5 Expander

Bind to the collapsing 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').on('collapsing', function () {
      alert("Collapsing the expander");
  });