Navbar Toggle - Bootstrap - #1 - JS

by bizamajig

HTML

<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
		<div id="navbar" class="navbar navbar-fixed-top navbar-inverse">
			<div class="container">
				<a id="navbar-toggle" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>

				<a class="navbar-brand" href="#">Title Title Title</a>
				
				<div id="nav-collapse" class="nav-collapse collapse">
					<ul class="nav navbar-nav">
						<li><a href="#option1">Option 1</a></li>
						<li><a href="#option2">Option 2</a></li>
						<li><a href="#option3">Option 3</a></li>
					</ul>
				</div>
			</div>
		</div>

JavaScript

$(document).ready(function () {
    $("#navbar li a").click(function(event) {
        // check if window is small enough so dropdown is created
    $("#nav-collapse").removeClass("in").addClass("collapse");
    });
});