jQuery NavigationBar

Set the theme property of the jqxNavigationBar. Author: http://jqwidgets.com

by mark edwards

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<input type='button' value='replace content' onClick='navBar()' />
 <div id='testDiv'>this is marks test</div>

<div style='display: none; visibility: hidden;' id='jqxNavBar'>
    <div>part one header</div>
    <div>part one body
        <br />more part one body</div>
    <div>part two header</div>
    <div>part two body
        <br />more part two body</div>
</div>

JavaScript

function navBar() {   
  $('div#testDiv').html($('div#jqxNavBar').html());
   $("div#testDiv").jqxNavigationBar({
       width: 400,
    });
   console.log($('div#testDiv').html() );
}