jPushMenu and Bootstrap

Testing jPushMenu and Bootstrap

by chanaka1

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://takien.github.io/jPushMenu/css/demo.css">
<link rel="stylesheet" href="http://takien.github.io/jPushMenu/css/jPushMenu.css">
<script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left">
    <h3>Menu</h3>
    <div class="sidebar-nav">
        <ul class="nav nav-list">
            <li class="active"><a href="#">Link</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle"
                data-toggle="dropdown"
                href="#">
                    Dropdown
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Link</a></li>
                </ul>
            </li>
            <li><a href="#a">Link</a></li>
            <li><a href="#v">Link</a></li>
        </ul>
    </div><!--/.well -->
</nav>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right">
    <h3>Menu</h3>
    <a href="#a">Celery seakale</a>
    <a href="#v">Dulse daikon</a>
    <a href="#">Zucchini garlic</a>
    <a href="#">Catsear azuki bean</a>
    <a href="#">Dandelion bunya</a>
    <a href="#">Rutabaga</a>
</nav>

<div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          &nbsp;
        </div><!--/span-->
        <div class="span9">
          <div class="hero-unit">
            <h1>jPushMenu Demo</h1>
              
              <div class="main">
				<section>
					<p>Click button to show/hide menu</p>
					<button class="toggle-menu menu-left">Toggle Left Menu</button>
                </section>
              </div>
          </div>
        </div><!--/span-->
   ...

JavaScript

jQuery(document).ready(function($) {
    $('.toggle-menu').jPushMenu();
});