JavaScript NavBar

Invoke the "close" method of jqxNavBar. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="navBar">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>
<button id="close">Close</button>

JavaScript

$("#navBar").jqxNavBar({
    height: 40,
    minimized: true,
    theme:'energyblue'
});
$("#navBar").jqxNavBar('open');
$("#close").jqxButton();
$("#close").click(function () {
    $("#navBar").jqxNavBar('close');
});