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() {
  $tempDiv =   $('#jqxNavBar').html() ;
    alert($tempDiv);
  $($tempDiv).jqxNavigationBar({
       width: 400,
    });
  $('div#testDiv').html($tempDiv);
}