JQuery Expander

Set the headerPosition property of the 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',
      headerPosition:'bottom'
 });