<!DOCTYPE html>
<html lang="en" class="">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# object: http://ogp.me/ns/object# article: http://ogp.me/ns/article# profile: http://ogp.me/ns/profile#">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Language" content="en">
<title>BootstrapTreeNav/bootstrap-treenav.js at master ยท morrissinger/BootstrapTreeNav</title>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
<meta property="fb:app_id" content="1401488693436528">
<meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="morrissinger/BootstrapTreeNav" name="twitter:title" /><meta content="BootstrapTreeNav - Tree navigation plugin for Twitter Bootstrap 3.0" name="twitter:description" /><meta content="https://avatars1.githubusercontent.com/u/450066?v=3&s=400" name="twitter:image:src" />
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars1.githubusercontent.com/u/450066?v=3&s=400" property="og:image" /><meta content="morrissinger/BootstrapTreeNav" property="og:title" /><meta content="https://github.com/morrissinger/BootstrapTreeNav" property="og:url" /><meta content="BootstrapTreeNav - Tree navigation plugin for Twitter Bootstrap 3.0" property="og:description" />
<meta name="browser-stats-url" content="/_stats">
<link rel="assets" href="https://assets-cdn.github.com/">
<link rel="conduit-xhr" href="https://ghconduit.com:25035">
<link rel="xhr-socket" href="/_sockets">
<meta name="pjax-timeout" content="1000">
<link rel="sudo-modal" href="/sessions/sudo_modal">
<meta name="msapplication-TileImage" content="/windows-tile.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="selected-link" value="repo_source" data-pjax-transient>
<meta name="google-analytics" content="UA-3769691-2">
<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="collector-cdn.github.com" name="octolytics-script-host" /><meta content="github" name="octolytics-app-id" /><meta content="BC529692:634C:EF99B57:54A204E9" name="octolytics-dimension-request_id" /><meta content="6862998" name="octolytics-actor-id" /><meta content="vscosta" name="octolytics-actor-login" /><meta content="6228efce618291c4458f7437eb9280acaddec2c5758f00b217ccbdcd925b0515" name="octolytics-actor-hash" />
<meta content="Rails, view, blob#show" name="analytics-event" />
<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
<meta content="authenticity_token" name="csrf-param" />
<meta content="73WQfDWGAg6Twz1J8XUK3eWvOiamK+VkbQq8NL9cu02CF8P276mKE//fVt2+uFKziOCGydafbFSSc7kqhMnrDw==" name="csrf-token" />
<link href="https://assets-cdn.github.com/assets/github-9bcf5def7eb44e2a101b20aaecf3707f4b0a10ab8f4d6eebec29371f821c4b29.css" media="all" rel="stylesheet" type="text/css" />
<link href="https://assets-cdn.github.com/assets/github2-988ddda9ae733ab44f308db199cb53eb70c7d0197679297459104380a8d923b3.css" media="all" rel="stylesheet" type="text/css" />
<meta http-equiv="x-pjax-version" content="8adfdb5fdc7bd044b4c0142729d0410c">
<meta name="description" content="BootstrapTreeNav - Tree navigation plugin for Twitter Bootstrap 3.0">
<meta name="go-import" content="github.com/morrissinger/BootstrapTreeNav git https://github.com/morrissinger/BootstrapTreeNav.git">
<meta content="450066" name="octolytics-dimension-user_id" /><meta content="morrissinger" name="octolytics-dimension-user_login" /><meta content="14806728" name="octolytics-dimension-repository_id" /><meta content="morrissinger/BootstrapTreeNav" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="14806728" name="octolytics-dimension-repository_network_root_id" /><meta content="morrissinger/BootstrapTreeNav" name="octolytics-dimension-repository_network_root_nwo" />
<link href="https://github.com/morrissinger/BootstrapTreeNav/commits/master.atom" rel="alternate" title="Recent Commits to BootstrapTreeNav:master" type="application/atom+xml">
</head>
<body class="logged_in env-production macintosh vis-public page-blob">
<a href="#start-of-content" tabindex="1" class="accessibility-aid js-skip-to-content">Skip to content</a>
<div class="wrapper">
<div class="header header-logged-in true" role="banner">
<div class="container clearfix">
<a class="header-logo-invertocat" href="https://github.com/" data-hotkey="g d" aria-label="Homepage" ga-data-click="Header, go to dashboard, icon:logo">
<span class="mega-octicon octicon-mark-github"></span>
</a>
<div class="site-search repo-scope js-site-search" role="search">
<form accept-charset="UTF-8" action="/morrissinger/BootstrapTreeNav/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/morrissinger/BootstrapTreeNav/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
<input type="text"
class="js-site-search-field is-clearable"
data-hotkey="s"
name="q"
placeholder="Search"
data-global-scope-placeholder="Search GitHub"
data-repo-scope-placeholder="Search"
tabindex="1"
autocapitalize="off">
<div class="scope-badge">This repository</div>
</form>
</div>
<ul class="header-nav left" role="navigation">
<li class="header-nav-item explore">
<a class="header-nav-link" href="/explore" data-ga-click="Header, go to explore, text:explore">Explore</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="https://gist.github.com" data-ga-click="Header, go to gist, text:gist">Gist</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="/blog" data-ga-click="Header, go to blog, text:blog">Blog</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link" href="https://help.github.com" data-ga-click="Header, go to help, text:help">Help</a>
</li>
</ul>
<ul class="header-nav user-nav right" id="user-links">
<li class="header-nav-item dropdown js-menu-container">
<a class="header-nav-link name" href="/vscosta" data-ga-click="Header, go to profile, text:username">
<img alt="vscosta" class="avatar" data-user="6862998" height="20" src="https://avatars1.githubusercontent.com/u/6862998?v=3&s=40" width="20" />
<span class="css-truncate">
<span class="css-truncate-target">vscosta</span>
</span>
</a>
</li>
<li class="header-nav-item dropdown js-menu-container">
<a class="header-nav-link js-menu-target tooltipped tooltipped-s" href="#" aria-label="Create new..." data-ga-click="Header, create new, icon:add">
<span class="octicon octicon-plus"></span>
<span class="dropdown-caret"></span>
</a>
<div class="dropdown-menu-content js-menu-content">
<ul class="dropdown-menu">
<li>
<a href="/new"><span class="octicon octicon-repo"></span> New repository</a>
</li>
<li>
<a href="/organizations/new"><span class="octicon octicon-organization"></span> New organization</a>
</li>
<li class="dropdown-divider"></li>
<li class="dropdown-header">
<span title="morrissinger/BootstrapTreeNav">This repository</span>
</li>
<li>
<a href="/morrissinger/BootstrapTreeNav/issues/new"><span class="octicon octicon-issue-opened"></span> New issue</a>
</li>
</ul>
</div>
</li>
<li class="header-nav-item">
<a href="/notifications" aria-label="You have no unread notifications" class="header-nav-link notification-indicator tooltipped tooltipped-s" data-ga-click="Header, go to notifications, icon:read" data-hotkey="g n">
<span class="mail-status all-read"></span>
<span class="octicon octicon-inbox"></span>
</a>
</li>
<li class="header-nav-item">
<a class="header-nav-link tooltipped tooltipped-s" href="/settings/profile" id="account_settings" aria-label="Settings" data-ga-click="Header, go to settings, icon:settings">
<span class="octicon octicon-gear"></span>
</a>
</li>
<li class="header-nav-item">
<form accept-charset="UTF-8" action="/logout" class="logout-form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="b2kn5EqI59a8YAxegDp1IkuejdhmSgSlWX0mGsyuhA3/9OBq1NDuHT+sORo6M8AyXQYkXoYBrk9TzOqnJk1yCA==" /></div>
<button class="header-nav-link sign-out-button tooltipped tooltipped-s" aria-label="Sign out" data-ga-click="Header, sign out, icon:logout">
<span class="octicon octicon-sign-out"></span>
</button>
</form> </li>
</ul>
</div>
</div>
<div id="start-of-content" class="accessibility-aid"></div>
<div class="site" itemscope itemtype="http://schema.org/WebPage">
<div id="js-flash-container">
</div>
<div class="pagehead repohead instapaper_ignore readability-menu">
<div class="container">
<ul class="pagehead-actions">
<li class="subscription">
<form accept-charset="UTF-8" action="/notifications/subscribe" class="js-social-container" data-autosubmit="true" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="irBB5WXQNfCQ/GbETVcJ7wDIuXpsrIHFRRkd6r+k8uMpGLPOZuMwC1tCZd4Vd1+xuGzU61UWDVpUFjVkfN7vaA==" /></div> <input id="repository_id" name="repository_id" type="hidden" value="14806728" />
<div class="select-menu js-menu-container js-select-menu">
<a class="social-count js-social-count" href="/morrissinger/BootstrapTreeNav/watchers">
3
</a>
<a href="/morrissinger/BootstrapTreeNav/subscription"
class="minibutton select-menu-button with-count js-menu-target" role="button" tabindex="0" aria-haspopup="true">
<span class="js-select-button">
<span class="octicon octicon-eye"></span>
Watch
</span>
</a>
<div class="select-menu-modal-holder">
<div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="true">
<div class="select-menu-header">
<span class="select-menu-title">Notifications</span>
<span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
</div> <!-- /.select-menu-header -->
<div class="select-menu-list js-navigation-container" role="menu">
<div class="select-menu-item js-navigation-item selected" role="menuitem" tabindex="0">
<span class="select-menu-item-icon octicon octicon-check"></span>
<div class="select-menu-item-text">
<input checked="checked" id="do_included" name="do" type="radio" value="included" />
<h4>Not watching</h4>
<span class="description">Be notified when participating or @mentioned.</span>
<span class="js-select-button-text hidden-select-button-text">
<span class="octicon octicon-eye"></span>
Watch
</span>
</div>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0">
<span class="select-menu-item-icon octicon octicon octicon-check"></span>
<div class="select-menu-item-text">
<input id="do_subscribed" name="do" type="radio" value="subscribed" />
<h4>Watching</h4>
<span class="description">Be notified of all conversations.</span>
<span class="js-select-button-text hidden-select-button-text">
<span class="octicon octicon-eye"></span>
Unwatch
</span>
</div>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0">
<span class="select-menu-item-icon octicon octicon-check"></span>
<div class="select-menu-item-text">
<input id="do_ignore" name="do" type="radio" value="ignore" />
<h4>Ignoring</h4>
<span class="description">Never be notified.</span>
<span class="js-select-button-text hidden-select-button-text">
<span class="octicon octicon-mute"></span>
Stop ignoring
</span>
</div>
</div> <!-- /.select-menu-item -->
</div> <!-- /.select-menu-list -->
</div> <!-- /.select-menu-modal -->
</div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->
</form>
</li>
<li>
<div class="js-toggler-container js-social-container starring-container ">
<form accept-charset="UTF-8" action="/morrissinger/BootstrapTreeNav/unstar" class="js-toggler-form starred js-unstar-button" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="lD4YdyKw2Tw92GTzMTry2KU+DYq+O/d94PvcL+cWYidg4JzsgFWBMvgm0XD3bK4z+jTwVu0OU0oE5ySfI4LCLw==" /></div>
<button
class="minibutton with-count js-toggler-target star-button"
aria-label="Unstar this repository" title="Unstar morrissinger/BootstrapTreeNav">
<span class="octicon octicon-star"></span>
Unstar
</button>
<a class="social-count js-social-count" href="/morrissinger/BootstrapTreeNav/stargazers">
13
</a>
</form>
<form accept-charset="UTF-8" action="/morrissinger/BootstrapTreeNav/star" class="js-toggler-form unstarred js-star-button" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="cjLZId9QAHXm4phVt2mzgvbMc16IbXYJD63NH/XbZwl1M5kujb010KBhwRWjue7DMn97v+Ipjz8X8Y6u2Atg7Q==" /></div>
<button
class="minibutton with-count js-toggler-target star-button"
aria-label="Star this repository" title="Star morrissinger/BootstrapTreeNav">
<span class="octicon octicon-star"></span>
Star
</button>
<a class="social-count js-social-count" href="/morrissinger/BootstrapTreeNav/stargazers">
13
</a>
</form> </div>
</li>
<li>
<a href="/morrissinger/BootstrapTreeNav/fork" class="minibutton with-count js-toggler-target fork-button tooltipped-n" title="Fork your own copy of morrissinger/BootstrapTreeNav to your account" aria-label="Fork your own copy of morrissinger/BootstrapTreeNav to your account" rel="nofollow" data-method="post">
<span class="octicon octicon-repo-forked"></span>
Fork
</a>
<a href="/morrissinger/BootstrapTreeNav/network" class="social-count">6</a>
</li>
</ul>
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public">
<span class="mega-octicon octicon-repo"></span>
<span class="author"><a href="/morrissinger" class="url fn" itemprop="url" rel="author"><span itemprop="title">morrissinger</span></a></span><!--
--><span class="path-divider">/</span><!--
--><strong><a href="/morrissinger/BootstrapTreeNav" class="js-current-repository" data-pjax="#js-repo-pjax-container">BootstrapTreeNav</a></strong>
<span class="page-context-loader">
<img alt="" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</span>
</h1>
</div><!-- /.container -->
</div><!-- /.repohead -->
<div class="container">
<div class="repository-with-sidebar repo-container new-discussion-timeline ">
<div class="repository-sidebar clearfix">
<nav class="sunken-menu repo-nav js-repo-nav js-sidenav-container-pjax js-octicon-loaders"
role="navigation"
data-pjax="#js-repo-pjax-container"
data-issue-count-url="/morrissinger/BootstrapTreeNav/issues/counts">
<ul class="sunken-menu-group">
<li class="tooltipped tooltipped-w" aria-label="Code">
<a href="/morrissinger/BootstrapTreeNav" aria-label="Code" class="selected js-selected-navigation-item sunken-menu-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /morrissinger/BootstrapTreeNav">
<span class="octicon octicon-code"></span> <span class="full-word">Code</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Issues">
<a href="/morrissinger/BootstrapTreeNav/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /morrissinger/BootstrapTreeNav/issues">
<span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
<span class="js-issue-replace-counter"></span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Pull Requests">
<a href="/morrissinger/BootstrapTreeNav/pulls" aria-label="Pull Requests" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g p" data-selected-links="repo_pulls /morrissinger/BootstrapTreeNav/pulls">
<span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull Requests</span>
<span class="js-pull-replace-counter"></span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Wiki">
<a href="/morrissinger/BootstrapTreeNav/wiki" aria-label="Wiki" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g w" data-selected-links="repo_wiki /morrissinger/BootstrapTreeNav/wiki">
<span class="octicon octicon-book"></span> <span class="full-word">Wiki</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
<div class="sunken-menu-separator"></div>
<ul class="sunken-menu-group">
<li class="tooltipped tooltipped-w" aria-label="Pulse">
<a href="/morrissinger/BootstrapTreeNav/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-selected-links="pulse /morrissinger/BootstrapTreeNav/pulse">
<span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
<li class="tooltipped tooltipped-w" aria-label="Graphs">
<a href="/morrissinger/BootstrapTreeNav/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-selected-links="repo_graphs repo_contributors /morrissinger/BootstrapTreeNav/graphs">
<span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
</a> </li>
</ul>
</nav>
<div class="only-with-full-nav">
<div class="clone-url open"
data-protocol-type="http"
data-url="/users/set_protocol?protocol_selector=http&protocol_type=clone">
<h3><span class="text-emphasized">HTTPS</span> clone URL</h3>
<div class="input-group js-zeroclipboard-container">
<input type="text" class="input-mini input-monospace js-url-field js-zeroclipboard-target"
value="https://github.com/morrissinger/BootstrapTreeNav.git" readonly="readonly">
<span class="input-group-button">
<button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
</span>
</div>
</div>
<div class="clone-url "
data-protocol-type="ssh"
data-url="/users/set_protocol?protocol_selector=ssh&protocol_type=clone">
<h3><span class="text-emphasized">SSH</span> clone URL</h3>
<div class="input-group js-zeroclipboard-container">
<input type="text" class="input-mini input-monospace js-url-field js-zeroclipboard-target"
value="git@github.com:morrissinger/BootstrapTreeNav.git" readonly="readonly">
<span class="input-group-button">
<button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
</span>
</div>
</div>
<div class="clone-url "
data-protocol-type="subversion"
data-url="/users/set_protocol?protocol_selector=subversion&protocol_type=clone">
<h3><span class="text-emphasized">Subversion</span> checkout URL</h3>
<div class="input-group js-zeroclipboard-container">
<input type="text" class="input-mini input-monospace js-url-field js-zeroclipboard-target"
value="https://github.com/morrissinger/BootstrapTreeNav" readonly="readonly">
<span class="input-group-button">
<button aria-label="Copy to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
</span>
</div>
</div>
<p class="clone-options">You can clone with
<a href="#" class="js-clone-selector" data-protocol="http">HTTPS</a>, <a href="#" class="js-clone-selector" data-protocol="ssh">SSH</a>, or <a href="#" class="js-clone-selector" data-protocol="subversion">Subversion</a>.
<a href="https://help.github.com/articles/which-remote-url-should-i-use" class="help tooltipped tooltipped-n" aria-label="Get help on which URL is right for you.">
<span class="octicon octicon-question"></span>
</a>
</p>
<a href="http://mac.github.com" data-url="github-mac://openRepo/https://github.com/morrissinger/BootstrapTreeNav" class="minibutton sidebar-button js-conduit-rewrite-url" title="Save morrissinger/BootstrapTreeNav to your computer and use it in GitHub Desktop." aria-label="Save morrissinger/BootstrapTreeNav to your computer and use it in GitHub Desktop.">
<span class="octicon octicon-device-desktop"></span>
Clone in Desktop
</a>
<a href="/morrissinger/BootstrapTreeNav/archive/master.zip"
class="minibutton sidebar-button"
aria-label="Download the contents of morrissinger/BootstrapTreeNav as a zip file"
title="Download the contents of morrissinger/BootstrapTreeNav as a zip file"
rel="nofollow">
<span class="octicon octicon-cloud-download"></span>
Download ZIP
</a>
</div>
</div><!-- /.repository-sidebar -->
<div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
<a href="/morrissinger/BootstrapTreeNav/blob/bfa3573c2855f6c38c8da4fc25a3a53379e2d377/dist/js/bootstrap-treenav.js" class="hidden js-permalink-shortcut" data-hotkey="y">Permalink</a>
<!-- blob contrib key: blob_contributors:v21:e49d84cae177888b3d98cbb26263faeb -->
<div class="file-navigation js-zeroclipboard-container">
<div class="select-menu js-menu-container js-select-menu left">
<span class="minibutton select-menu-button js-menu-target css-truncate" data-hotkey="w"
data-master-branch="master"
data-ref="master"
title="master"
role="button" aria-label="Switch branches or tags" tabindex="0" aria-haspopup="true">
<span class="octicon octicon-git-branch"></span>
<i>branch:</i>
<span class="js-select-button css-truncate-target">master</span>
</span>
<div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax aria-hidden="true">
<div class="select-menu-modal">
<div class="select-menu-header">
<span class="select-menu-title">Switch branches/tags</span>
<span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
</div> <!-- /.select-menu-header -->
<div class="select-menu-filters">
<div class="select-menu-text-filter">
<input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
</div>
<div class="select-menu-tabs">
<ul>
<li class="select-menu-tab">
<a href="#" data-tab-filter="branches" class="js-select-menu-tab">Branches</a>
</li>
<li class="select-menu-tab">
<a href="#" data-tab-filter="tags" class="js-select-menu-tab">Tags</a>
</li>
</ul>
</div><!-- /.select-menu-tabs -->
</div><!-- /.select-menu-filters -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<div class="select-menu-item js-navigation-item ">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/morrissinger/BootstrapTreeNav/blob/gh-pages/dist/js/bootstrap-treenav.js"
data-name="gh-pages"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="gh-pages">gh-pages</a>
</div> <!-- /.select-menu-item -->
<div class="select-menu-item js-navigation-item selected">
<span class="select-menu-item-icon octicon octicon-check"></span>
<a href="/morrissinger/BootstrapTreeNav/blob/master/dist/js/bootstrap-treenav.js"
data-name="master"
data-skip-pjax="true"
rel="nofollow"
class="js-navigation-open select-menu-item-text css-truncate-target"
title="master">master</a>
</div> <!-- /.select-menu-item -->
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div> <!-- /.select-menu-list -->
</div> <!-- /.select-menu-modal -->
</div> <!-- /.select-menu-modal-holder -->
</div> <!-- /.select-menu -->
<div class="button-group right">
<a href="/morrissinger/BootstrapTreeNav/find/master"
class="js-show-file-finder minibutton empty-icon tooltipped tooltipped-s"
data-pjax
data-hotkey="t"
aria-label="Quickly jump between files">
<span class="octicon octicon-list-unordered"></span>
</a>
<button aria-label="Copy file path to clipboard" class="js-zeroclipboard minibutton zeroclipboard-button" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
</div>
<div class="breadcrumb js-zeroclipboard-target">
<span class='repo-root js-repo-root'><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/morrissinger/BootstrapTreeNav" class="" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">BootstrapTreeNav</span></a></span></span><span class="separator">/</span><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/morrissinger/BootstrapTreeNav/tree/master/dist" class="" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">dist</span></a></span><span class="separator">/</span><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/morrissinger/BootstrapTreeNav/tree/master/dist/js" class="" data-branch="master" data-direction="back" data-pjax="true" itemscope="url"><span itemprop="title">js</span></a></span><span class="separator">/</span><strong class="final-path">bootstrap-treenav.js</strong>
</div>
</div>
<div class="commit file-history-tease">
<div class="file-history-tease-header">
<img alt="Morris Singer" class="avatar" data-user="450066" height="24" src="https://avatars0.githubusercontent.com/u/450066?v=3&s=48" width="24" />
<span class="author"><a href="/morrissinger" rel="author">morrissinger</a></span>
<time datetime="2013-11-29T19:48:02Z" is="relative-time">Nov 29, 2013</time>
<div class="commit-title">
<a href="/morrissinger/BootstrapTreeNav/commit/bfa3573c2855f6c38c8da4fc25a3a53379e2d377" class="message" data-pjax="true" title="increased speed of tree transitions.">increased speed of tree transitions.</a>
</div>
</div>
<div class="participation">
<p class="quickstat">
<a href="#blob_contributors_box" rel="facebox">
<strong>1</strong>
contributor
</a>
</p>
</div>
<div id="blob_contributors_box" style="display:none">
<h2 class="facebox-header">Users who have contributed to this file</h2>
<ul class="facebox-user-list">
<li class="facebox-user-list-item">
<img alt="Morris Singer" data-user="450066" height="24" src="https://avatars0.githubusercontent.com/u/450066?v=3&s=48" width="24" />
<a href="/morrissinger">morrissinger</a>
</li>
</ul>
</div>
</div>
<div class="file-box">
<div class="file">
<div class="meta clearfix">
<div class="info file-name">
<span>122 lines (103 sloc)</span>
<span class="meta-divider"></span>
<span>4.109 kb</span>
</div>
<div class="actions">
<div class="button-group">
<a href="/morrissinger/BootstrapTreeNav/raw/master/dist/js/bootstrap-treenav.js" class="minibutton " id="raw-url">Raw</a>
<a href="/morrissinger/BootstrapTreeNav/blame/master/dist/js/bootstrap-treenav.js" class="minibutton js-update-url-with-hash">Blame</a>
<a href="/morrissinger/BootstrapTreeNav/commits/master/dist/js/bootstrap-treenav.js" class="minibutton " rel="nofollow">History</a>
</div><!-- /.button-group -->
<a class="octicon-button tooltipped tooltipped-nw js-conduit-openfile-check"
href="http://mac.github.com"
data-url="github-mac://openRepo/https://github.com/morrissinger/BootstrapTreeNav?branch=master&filepath=dist%2Fjs%2Fbootstrap-treenav.js"
aria-label="Open this file in GitHub for Mac"
data-failed-title="Your version of GitHub for Mac is too old to open this file. Try checking for updates.">
<span class="octicon octicon-device-desktop"></span>
</a>
<a class="octicon-button tooltipped tooltipped-n js-update-url-with-hash"
aria-label="Clicking this button will fork this project so you can edit the file"
href="/morrissinger/BootstrapTreeNav/edit/master/dist/js/bootstrap-treenav.js"
data-method="post" rel="nofollow"><span class="octicon octicon-pencil"></span></a>
<a class="octicon-button danger tooltipped tooltipped-s"
href="/morrissinger/BootstrapTreeNav/delete/master/dist/js/bootstrap-treenav.js"
aria-label="Fork this project and delete file"
data-method="post" data-test-id="delete-blob-file" rel="nofollow">
<span class="octicon octicon-trashcan"></span>
</a>
</div><!-- /.actions -->
</div>
<div class="blob-wrapper data type-javascript">
<table class="highlight tab-size-8 js-file-line-container">
<tr>
<td id="L1" class="blob-num js-line-number" data-line-number="1"></td>
<td id="LC1" class="blob-code js-file-line"><span class="pl-c">/**</span></td>
</tr>
<tr>
<td id="L2" class="blob-num js-line-number" data-line-number="2"></td>
<td id="LC2" class="blob-code js-file-line"><span class="pl-c">* bootstrap-treenav.js v1.0.0 by @morrissinger</span></td>
</tr>
<tr>
<td id="L3" class="blob-num js-line-number" data-line-number="3"></td>
<td id="LC3" class="blob-code js-file-line"><span class="pl-c">* Copyright 2013 Morris Singer</span></td>
</tr>
<tr>
<td id="L4" class="blob-num js-line-number" data-line-number="4"></td>
<td id="LC4" class="blob-code js-file-line"><span class="pl-c">* http://www.apache.org/licenses/LICENSE-2.0</span></td>
</tr>
<tr>
<td id="L5" class="blob-num js-line-number" data-line-number="5"></td>
<td id="LC5" class="blob-code js-file-line"><span class="pl-c">*/</span></td>
</tr>
<tr>
<td id="L6" class="blob-num js-line-number" data-line-number="6"></td>
<td id="LC6" class="blob-code js-file-line"><span class="pl-k">if</span> (<span class="pl-k">!</span>jQuery) { <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">Error</span>(<span class="pl-s1"><span class="pl-pds">"</span>Bootstrap Tree Nav requires jQuery<span class="pl-pds">"</span></span>); }</td>
</tr>
<tr>
<td id="L7" class="blob-num js-line-number" data-line-number="7"></td>
<td id="LC7" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L8" class="blob-num js-line-number" data-line-number="8"></td>
<td id="LC8" class="blob-code js-file-line"><span class="pl-c">/* ==========================================================</span></td>
</tr>
<tr>
<td id="L9" class="blob-num js-line-number" data-line-number="9"></td>
<td id="LC9" class="blob-code js-file-line"><span class="pl-c"> * bootstrap-treenav.js</span></td>
</tr>
<tr>
<td id="L10" class="blob-num js-line-number" data-line-number="10"></td>
<td id="LC10" class="blob-code js-file-line"><span class="pl-c"> * https://github.com/morrissinger/BootstrapTreeNav</span></td>
</tr>
<tr>
<td id="L11" class="blob-num js-line-number" data-line-number="11"></td>
<td id="LC11" class="blob-code js-file-line"><span class="pl-c"> * ==========================================================</span></td>
</tr>
<tr>
<td id="L12" class="blob-num js-line-number" data-line-number="12"></td>
<td id="LC12" class="blob-code js-file-line"><span class="pl-c"> * Copyright 2013 Morris Singer</span></td>
</tr>
<tr>
<td id="L13" class="blob-num js-line-number" data-line-number="13"></td>
<td id="LC13" class="blob-code js-file-line"><span class="pl-c"> *</span></td>
</tr>
<tr>
<td id="L14" class="blob-num js-line-number" data-line-number="14"></td>
<td id="LC14" class="blob-code js-file-line"><span class="pl-c"> * Licensed under the Apache License, Version 2.0 (the "License");</span></td>
</tr>
<tr>
<td id="L15" class="blob-num js-line-number" data-line-number="15"></td>
<td id="LC15" class="blob-code js-file-line"><span class="pl-c"> * you may not use this file except in compliance with the License.</span></td>
</tr>
<tr>
<td id="L16" class="blob-num js-line-number" data-line-number="16"></td>
<td id="LC16" class="blob-code js-file-line"><span class="pl-c"> * You may obtain a copy of the License at</span></td>
</tr>
<tr>
<td id="L17" class="blob-num js-line-number" data-line-number="17"></td>
<td id="LC17" class="blob-code js-file-line"><span class="pl-c"> *</span></td>
</tr>
<tr>
<td id="L18" class="blob-num js-line-number" data-line-number="18"></td>
<td id="LC18" class="blob-code js-file-line"><span class="pl-c"> * http://www.apache.org/licenses/LICENSE-2.0</span></td>
</tr>
<tr>
<td id="L19" class="blob-num js-line-number" data-line-number="19"></td>
<td id="LC19" class="blob-code js-file-line"><span class="pl-c"> *</span></td>
</tr>
<tr>
<td id="L20" class="blob-num js-line-number" data-line-number="20"></td>
<td id="LC20" class="blob-code js-file-line"><span class="pl-c"> * Unless required by applicable law or agreed to in writing, software</span></td>
</tr>
<tr>
<td id="L21" class="blob-num js-line-number" data-line-number="21"></td>
<td id="LC21" class="blob-code js-file-line"><span class="pl-c"> * distributed under the License is distributed on an "AS IS" BASIS,</span></td>
</tr>
<tr>
<td id="L22" class="blob-num js-line-number" data-line-number="22"></td>
<td id="LC22" class="blob-code js-file-line"><span class="pl-c"> * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</span></td>
</tr>
<tr>
<td id="L23" class="blob-num js-line-number" data-line-number="23"></td>
<td id="LC23" class="blob-code js-file-line"><span class="pl-c"> * See the License for the specific language governing permissions and</span></td>
</tr>
<tr>
<td id="L24" class="blob-num js-line-number" data-line-number="24"></td>
<td id="LC24" class="blob-code js-file-line"><span class="pl-c"> * limitations under the License.</span></td>
</tr>
<tr>
<td id="L25" class="blob-num js-line-number" data-line-number="25"></td>
<td id="LC25" class="blob-code js-file-line"><span class="pl-c"> * ========================================================== */</span></td>
</tr>
<tr>
<td id="L26" class="blob-num js-line-number" data-line-number="26"></td>
<td id="LC26" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L27" class="blob-num js-line-number" data-line-number="27"></td>
<td id="LC27" class="blob-code js-file-line"><span class="pl-k">+</span><span class="pl-st">function</span> (<span class="pl-vpf">$</span>) {</td>
</tr>
<tr>
<td id="L28" class="blob-num js-line-number" data-line-number="28"></td>
<td id="LC28" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L29" class="blob-num js-line-number" data-line-number="29"></td>
<td id="LC29" class="blob-code js-file-line"> <span class="pl-s1"><span class="pl-pds">'</span>use strict<span class="pl-pds">'</span></span>;</td>
</tr>
<tr>
<td id="L30" class="blob-num js-line-number" data-line-number="30"></td>
<td id="LC30" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L31" class="blob-num js-line-number" data-line-number="31"></td>
<td id="LC31" class="blob-code js-file-line"> <span class="pl-s3">$.fn</span>.<span class="pl-en">navTree</span> <span class="pl-k">=</span> <span class="pl-st">function</span>(<span class="pl-vpf">options</span>) {</td>
</tr>
<tr>
<td id="L32" class="blob-num js-line-number" data-line-number="32"></td>
<td id="LC32" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L33" class="blob-num js-line-number" data-line-number="33"></td>
<td id="LC33" class="blob-code js-file-line"> <span class="pl-s">var</span> defaults <span class="pl-k">=</span> {</td>
</tr>
<tr>
<td id="L34" class="blob-num js-line-number" data-line-number="34"></td>
<td id="LC34" class="blob-code js-file-line"> navTreeExpanded<span class="pl-k">:</span> <span class="pl-s1"><span class="pl-pds">'</span>icon-collapse-alt<span class="pl-pds">'</span></span>,</td>
</tr>
<tr>
<td id="L35" class="blob-num js-line-number" data-line-number="35"></td>
<td id="LC35" class="blob-code js-file-line"> navTreeCollapsed<span class="pl-k">:</span> <span class="pl-s1"><span class="pl-pds">'</span>icon-expand-alt<span class="pl-pds">'</span></span></td>
</tr>
<tr>
<td id="L36" class="blob-num js-line-number" data-line-number="36"></td>
<td id="LC36" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L37" class="blob-num js-line-number" data-line-number="37"></td>
<td id="LC37" class="blob-code js-file-line"> </td>
</tr>
<tr>
<td id="L38" class="blob-num js-line-number" data-line-number="38"></td>
<td id="LC38" class="blob-code js-file-line"> options <span class="pl-k">=</span> $.extend(defaults, options);</td>
</tr>
<tr>
<td id="L39" class="blob-num js-line-number" data-line-number="39"></td>
<td id="LC39" class="blob-code js-file-line"> </td>
</tr>
<tr>
<td id="L40" class="blob-num js-line-number" data-line-number="40"></td>
<td id="LC40" class="blob-code js-file-line"> <span class="pl-k">if</span> ($(<span class="pl-v">this</span>).prop(<span class="pl-s1"><span class="pl-pds">'</span>tagName<span class="pl-pds">'</span></span>) <span class="pl-k">===</span> <span class="pl-s1"><span class="pl-pds">'</span>LI<span class="pl-pds">'</span></span>) {</td>
</tr>
<tr>
<td id="L41" class="blob-num js-line-number" data-line-number="41"></td>
<td id="LC41" class="blob-code js-file-line"> collapsible(<span class="pl-v">this</span>, options);</td>
</tr>
<tr>
<td id="L42" class="blob-num js-line-number" data-line-number="42"></td>
<td id="LC42" class="blob-code js-file-line"> } <span class="pl-k">else</span> <span class="pl-k">if</span> ($(<span class="pl-v">this</span>).prop(<span class="pl-s1"><span class="pl-pds">'</span>tagName<span class="pl-pds">'</span></span>) <span class="pl-k">===</span> <span class="pl-s1"><span class="pl-pds">'</span>UL<span class="pl-pds">'</span></span>) {</td>
</tr>
<tr>
<td id="L43" class="blob-num js-line-number" data-line-number="43"></td>
<td id="LC43" class="blob-code js-file-line"> collapsible(<span class="pl-v">this</span>, options);</td>
</tr>
<tr>
<td id="L44" class="blob-num js-line-number" data-line-number="44"></td>
<td id="LC44" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L45" class="blob-num js-line-number" data-line-number="45"></td>
<td id="LC45" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L46" class="blob-num js-line-number" data-line-number="46"></td>
<td id="LC46" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L47" class="blob-num js-line-number" data-line-number="47"></td>
<td id="LC47" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L48" class="blob-num js-line-number" data-line-number="48"></td>
<td id="LC48" class="blob-code js-file-line"> <span class="pl-s">var</span> <span class="pl-en">collapsible</span> <span class="pl-k">=</span> <span class="pl-st">function</span>(<span class="pl-vpf">element</span>, <span class="pl-vpf">options</span>) {</td>
</tr>
<tr>
<td id="L49" class="blob-num js-line-number" data-line-number="49"></td>
<td id="LC49" class="blob-code js-file-line"> <span class="pl-s">var</span> $childrenLi <span class="pl-k">=</span> $(element).<span class="pl-s3">find</span>(<span class="pl-s1"><span class="pl-pds">'</span>li<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L50" class="blob-num js-line-number" data-line-number="50"></td>
<td id="LC50" class="blob-code js-file-line"> $childrenLi.each(<span class="pl-st">function</span>(<span class="pl-vpf">index</span>, <span class="pl-vpf">li</span>) {</td>
</tr>
<tr>
<td id="L51" class="blob-num js-line-number" data-line-number="51"></td>
<td id="LC51" class="blob-code js-file-line"> collapsibleAll($(li), options);</td>
</tr>
<tr>
<td id="L52" class="blob-num js-line-number" data-line-number="52"></td>
<td id="LC52" class="blob-code js-file-line"> </td>
</tr>
<tr>
<td id="L53" class="blob-num js-line-number" data-line-number="53"></td>
<td id="LC53" class="blob-code js-file-line"> <span class="pl-c">// Expand the tree so that the active item is shown.</span></td>
</tr>
<tr>
<td id="L54" class="blob-num js-line-number" data-line-number="54"></td>
<td id="LC54" class="blob-code js-file-line"> <span class="pl-k">if</span> ($(li).hasClass(<span class="pl-s1"><span class="pl-pds">'</span>active<span class="pl-pds">'</span></span>)) {</td>
</tr>
<tr>
<td id="L55" class="blob-num js-line-number" data-line-number="55"></td>
<td id="LC55" class="blob-code js-file-line"> $(li).parents(<span class="pl-s1"><span class="pl-pds">'</span>ul<span class="pl-pds">'</span></span>).each(<span class="pl-st">function</span>(<span class="pl-vpf">i</span>, <span class="pl-vpf">ul</span>) {</td>
</tr>
<tr>
<td id="L56" class="blob-num js-line-number" data-line-number="56"></td>
<td id="LC56" class="blob-code js-file-line"> $(ul).show();</td>
</tr>
<tr>
<td id="L57" class="blob-num js-line-number" data-line-number="57"></td>
<td id="LC57" class="blob-code js-file-line"> $(ul).siblings(<span class="pl-s1"><span class="pl-pds">'</span>span.opener<span class="pl-pds">'</span></span>)</td>
</tr>
<tr>
<td id="L58" class="blob-num js-line-number" data-line-number="58"></td>
<td id="LC58" class="blob-code js-file-line"> .removeClass(<span class="pl-s1"><span class="pl-pds">'</span>closed<span class="pl-pds">'</span></span>)</td>
</tr>
<tr>
<td id="L59" class="blob-num js-line-number" data-line-number="59"></td>
<td id="LC59" class="blob-code js-file-line"> .addClass(<span class="pl-s1"><span class="pl-pds">'</span>opened<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L60" class="blob-num js-line-number" data-line-number="60"></td>
<td id="LC60" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L61" class="blob-num js-line-number" data-line-number="61"></td>
<td id="LC61" class="blob-code js-file-line"> <span class="pl-c">// If there's a real target to this menu item link, then allow it to be</span></td>
</tr>
<tr>
<td id="L62" class="blob-num js-line-number" data-line-number="62"></td>
<td id="LC62" class="blob-code js-file-line"> <span class="pl-c">// clicked to go to that page, now that the menu has been expanded.</span></td>
</tr>
<tr>
<td id="L63" class="blob-num js-line-number" data-line-number="63"></td>
<td id="LC63" class="blob-code js-file-line"> <span class="pl-k">if</span> ($(ul).siblings(<span class="pl-s1"><span class="pl-pds">'</span>a<span class="pl-pds">'</span></span>).attr(<span class="pl-s1"><span class="pl-pds">'</span>href<span class="pl-pds">'</span></span>) <span class="pl-k">!==</span> <span class="pl-s1"><span class="pl-pds">'</span>#<span class="pl-pds">'</span></span> <span class="pl-k">&&</span> $(ul).siblings(<span class="pl-s1"><span class="pl-pds">'</span>a<span class="pl-pds">'</span></span>).attr(<span class="pl-s1"><span class="pl-pds">'</span>href<span class="pl-pds">'</span></span>) <span class="pl-k">!==</span> <span class="pl-s1"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>) {</td>
</tr>
<tr>
<td id="L64" class="blob-num js-line-number" data-line-number="64"></td>
<td id="LC64" class="blob-code js-file-line"> $(ul).siblings(<span class="pl-s1"><span class="pl-pds">'</span>a<span class="pl-pds">'</span></span>).off(<span class="pl-s1"><span class="pl-pds">'</span>click.bs.tree<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L65" class="blob-num js-line-number" data-line-number="65"></td>
<td id="LC65" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L66" class="blob-num js-line-number" data-line-number="66"></td>
<td id="LC66" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L67" class="blob-num js-line-number" data-line-number="67"></td>
<td id="LC67" class="blob-code js-file-line"> });</td>
</tr>
<tr>
<td id="L68" class="blob-num js-line-number" data-line-number="68"></td>
<td id="LC68" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L69" class="blob-num js-line-number" data-line-number="69"></td>
<td id="LC69" class="blob-code js-file-line"> });</td>
</tr>
<tr>
<td id="L70" class="blob-num js-line-number" data-line-number="70"></td>
<td id="LC70" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L71" class="blob-num js-line-number" data-line-number="71"></td>
<td id="LC71" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L72" class="blob-num js-line-number" data-line-number="72"></td>
<td id="LC72" class="blob-code js-file-line"> <span class="pl-s">var</span> <span class="pl-en">collapsibleAll</span> <span class="pl-k">=</span> <span class="pl-st">function</span>(<span class="pl-vpf">element</span>, <span class="pl-vpf">options</span>) {</td>
</tr>
<tr>
<td id="L73" class="blob-num js-line-number" data-line-number="73"></td>
<td id="LC73" class="blob-code js-file-line"> <span class="pl-s">var</span> $childUl <span class="pl-k">=</span> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>ul<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L74" class="blob-num js-line-number" data-line-number="74"></td>
<td id="LC74" class="blob-code js-file-line"> <span class="pl-k">if</span> ( $childUl.<span class="pl-sc">length</span> <span class="pl-k">></span> <span class="pl-c1">0</span> ) {</td>
</tr>
<tr>
<td id="L75" class="blob-num js-line-number" data-line-number="75"></td>
<td id="LC75" class="blob-code js-file-line"> $childUl.hide();</td>
</tr>
<tr>
<td id="L76" class="blob-num js-line-number" data-line-number="76"></td>
<td id="LC76" class="blob-code js-file-line"> $(element).prepend(<span class="pl-s1"><span class="pl-pds">'</span><span class="opener closed"><span class="tree-icon-closed"><i class="<span class="pl-pds">'</span></span> <span class="pl-k">+</span> options.navTreeCollapsed <span class="pl-k">+</span> <span class="pl-s1"><span class="pl-pds">'</span>"></i></span><span class="tree-icon-opened"><i class="<span class="pl-pds">'</span></span> <span class="pl-k">+</span> options.navTreeExpanded <span class="pl-k">+</span> <span class="pl-s1"><span class="pl-pds">'</span>"></i></span></span><span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L77" class="blob-num js-line-number" data-line-number="77"></td>
<td id="LC77" class="blob-code js-file-line"> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>a<span class="pl-pds">'</span></span>).first().on(<span class="pl-s1"><span class="pl-pds">'</span>click.bs.tree<span class="pl-pds">'</span></span>, <span class="pl-st">function</span>(<span class="pl-vpf">e</span>) {</td>
</tr>
<tr>
<td id="L78" class="blob-num js-line-number" data-line-number="78"></td>
<td id="LC78" class="blob-code js-file-line"> e.preventDefault();</td>
</tr>
<tr>
<td id="L79" class="blob-num js-line-number" data-line-number="79"></td>
<td id="LC79" class="blob-code js-file-line"> <span class="pl-s">var</span> $opener <span class="pl-k">=</span> $(<span class="pl-v">this</span>).siblings(<span class="pl-s1"><span class="pl-pds">'</span>span.opener<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L80" class="blob-num js-line-number" data-line-number="80"></td>
<td id="LC80" class="blob-code js-file-line"> <span class="pl-k">if</span> ($opener.hasClass(<span class="pl-s1"><span class="pl-pds">'</span>closed<span class="pl-pds">'</span></span>)) {</td>
</tr>
<tr>
<td id="L81" class="blob-num js-line-number" data-line-number="81"></td>
<td id="LC81" class="blob-code js-file-line"> expand(element);</td>
</tr>
<tr>
<td id="L82" class="blob-num js-line-number" data-line-number="82"></td>
<td id="LC82" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L83" class="blob-num js-line-number" data-line-number="83"></td>
<td id="LC83" class="blob-code js-file-line"> <span class="pl-c">// If there's a real target to this menu item link, then allow it to be</span></td>
</tr>
<tr>
<td id="L84" class="blob-num js-line-number" data-line-number="84"></td>
<td id="LC84" class="blob-code js-file-line"> <span class="pl-c">// clicked to go to that page, now that the menu has been expanded.</span></td>
</tr>
<tr>
<td id="L85" class="blob-num js-line-number" data-line-number="85"></td>
<td id="LC85" class="blob-code js-file-line"> <span class="pl-k">if</span> (($(<span class="pl-v">this</span>).attr(<span class="pl-s1"><span class="pl-pds">'</span>href<span class="pl-pds">'</span></span>) <span class="pl-k">!==</span> <span class="pl-s1"><span class="pl-pds">'</span>#<span class="pl-pds">'</span></span>) <span class="pl-k">&&</span> ($(<span class="pl-v">this</span>).attr(<span class="pl-s1"><span class="pl-pds">'</span>href<span class="pl-pds">'</span></span>) <span class="pl-k">!==</span> <span class="pl-s1"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>)) {</td>
</tr>
<tr>
<td id="L86" class="blob-num js-line-number" data-line-number="86"></td>
<td id="LC86" class="blob-code js-file-line"> $(<span class="pl-v">this</span>).off(<span class="pl-s1"><span class="pl-pds">'</span>click.bs.tree<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L87" class="blob-num js-line-number" data-line-number="87"></td>
<td id="LC87" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L88" class="blob-num js-line-number" data-line-number="88"></td>
<td id="LC88" class="blob-code js-file-line"> </td>
</tr>
<tr>
<td id="L89" class="blob-num js-line-number" data-line-number="89"></td>
<td id="LC89" class="blob-code js-file-line"> } <span class="pl-k">else</span> {</td>
</tr>
<tr>
<td id="L90" class="blob-num js-line-number" data-line-number="90"></td>
<td id="LC90" class="blob-code js-file-line"> collapse(element);</td>
</tr>
<tr>
<td id="L91" class="blob-num js-line-number" data-line-number="91"></td>
<td id="LC91" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L92" class="blob-num js-line-number" data-line-number="92"></td>
<td id="LC92" class="blob-code js-file-line"> });</td>
</tr>
<tr>
<td id="L93" class="blob-num js-line-number" data-line-number="93"></td>
<td id="LC93" class="blob-code js-file-line"> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>span.opener<span class="pl-pds">'</span></span>).first().on(<span class="pl-s1"><span class="pl-pds">'</span>click.bs.tree<span class="pl-pds">'</span></span>, <span class="pl-st">function</span>(<span class="pl-vpf">e</span>){</td>
</tr>
<tr>
<td id="L94" class="blob-num js-line-number" data-line-number="94"></td>
<td id="LC94" class="blob-code js-file-line"> <span class="pl-s">var</span> $opener <span class="pl-k">=</span> $(<span class="pl-v">this</span>);</td>
</tr>
<tr>
<td id="L95" class="blob-num js-line-number" data-line-number="95"></td>
<td id="LC95" class="blob-code js-file-line"> <span class="pl-k">if</span> ($opener.hasClass(<span class="pl-s1"><span class="pl-pds">'</span>closed<span class="pl-pds">'</span></span>)) {</td>
</tr>
<tr>
<td id="L96" class="blob-num js-line-number" data-line-number="96"></td>
<td id="LC96" class="blob-code js-file-line"> expand(element);</td>
</tr>
<tr>
<td id="L97" class="blob-num js-line-number" data-line-number="97"></td>
<td id="LC97" class="blob-code js-file-line"> } <span class="pl-k">else</span> {</td>
</tr>
<tr>
<td id="L98" class="blob-num js-line-number" data-line-number="98"></td>
<td id="LC98" class="blob-code js-file-line"> collapse(element);</td>
</tr>
<tr>
<td id="L99" class="blob-num js-line-number" data-line-number="99"></td>
<td id="LC99" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L100" class="blob-num js-line-number" data-line-number="100"></td>
<td id="LC100" class="blob-code js-file-line"> });</td>
</tr>
<tr>
<td id="L101" class="blob-num js-line-number" data-line-number="101"></td>
<td id="LC101" class="blob-code js-file-line"> }</td>
</tr>
<tr>
<td id="L102" class="blob-num js-line-number" data-line-number="102"></td>
<td id="LC102" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L103" class="blob-num js-line-number" data-line-number="103"></td>
<td id="LC103" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L104" class="blob-num js-line-number" data-line-number="104"></td>
<td id="LC104" class="blob-code js-file-line"> <span class="pl-s">var</span> <span class="pl-en">expand</span> <span class="pl-k">=</span> <span class="pl-st">function</span>(<span class="pl-vpf">element</span>) {</td>
</tr>
<tr>
<td id="L105" class="blob-num js-line-number" data-line-number="105"></td>
<td id="LC105" class="blob-code js-file-line"> <span class="pl-s">var</span> $opener <span class="pl-k">=</span> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>span.opener<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L106" class="blob-num js-line-number" data-line-number="106"></td>
<td id="LC106" class="blob-code js-file-line"> $opener.removeClass(<span class="pl-s1"><span class="pl-pds">'</span>closed<span class="pl-pds">'</span></span>).addClass(<span class="pl-s1"><span class="pl-pds">'</span>opened<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L107" class="blob-num js-line-number" data-line-number="107"></td>
<td id="LC107" class="blob-code js-file-line"> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>ul<span class="pl-pds">'</span></span>).first().slideDown(<span class="pl-s1"><span class="pl-pds">'</span>fast<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L108" class="blob-num js-line-number" data-line-number="108"></td>
<td id="LC108" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L109" class="blob-num js-line-number" data-line-number="109"></td>
<td id="LC109" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L110" class="blob-num js-line-number" data-line-number="110"></td>
<td id="LC110" class="blob-code js-file-line"> <span class="pl-s">var</span> <span class="pl-en">collapse</span> <span class="pl-k">=</span> <span class="pl-st">function</span>(<span class="pl-vpf">element</span>) {</td>
</tr>
<tr>
<td id="L111" class="blob-num js-line-number" data-line-number="111"></td>
<td id="LC111" class="blob-code js-file-line"> <span class="pl-s">var</span> $opener <span class="pl-k">=</span> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>span.opener<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L112" class="blob-num js-line-number" data-line-number="112"></td>
<td id="LC112" class="blob-code js-file-line"> $opener.removeClass(<span class="pl-s1"><span class="pl-pds">'</span>opened<span class="pl-pds">'</span></span>).addClass(<span class="pl-s1"><span class="pl-pds">'</span>closed<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L113" class="blob-num js-line-number" data-line-number="113"></td>
<td id="LC113" class="blob-code js-file-line"> $(element).children(<span class="pl-s1"><span class="pl-pds">'</span>ul<span class="pl-pds">'</span></span>).first().slideUp(<span class="pl-s1"><span class="pl-pds">'</span>fast<span class="pl-pds">'</span></span>);</td>
</tr>
<tr>
<td id="L114" class="blob-num js-line-number" data-line-number="114"></td>
<td id="LC114" class="blob-code js-file-line"> };</td>
</tr>
<tr>
<td id="L115" class="blob-num js-line-number" data-line-number="115"></td>
<td id="LC115" class="blob-code js-file-line">
</td>
</tr>
<tr>
<td id="L116" class="blob-num js-line-number" data-line-number="116"></td>
<td id="LC116" class="blob-code js-file-line"> $(<span class="pl-s1"><span class="pl-pds">'</span>ul[data-toggle=nav-tree]<span class="pl-pds">'</span></span>).each(<span class="pl-st">function</span>(){</td>
</tr>
<tr>
<td id="L117" class="blob-num js-line-number" data-line-number="117"></td>
<td id="LC117" class="blob-code js-file-line"> <span class="pl-s">var</span> $tree;</td>
</tr>
<tr>
<td id="L118" class="blob-num js-line-number" data-line-number="118"></td>
<td id="LC118" class="blob-code js-file-line"> $tree <span class="pl-k">=</span> $(<span class="pl-v">this</span>);</td>
</tr>
<tr>
<td id="L119" class="blob-num js-line-number" data-line-number="119"></td>
<td id="LC119" class="blob-code js-file-line"> $tree.navTree($tree.<span class="pl-sc">data</span>());</td>
</tr>
<tr>
<td id="L120" class="blob-num js-line-number" data-line-number="120"></td>
<td id="LC120" class="blob-code js-file-line"> });</td>
</tr>
<tr>
<td id="L121" class="blob-num js-line-number" data-line-number="121"></td>
<td id="LC121" class="blob-code js-file-line"> </td>
</tr>
<tr>
<td id="L122" class="blob-num js-line-number" data-line-number="122"></td>
<td id="LC122" class="blob-code js-file-line">}(<span class="pl-s3">window</span>.jQuery);</td>
</tr>
</table>
</div>
</div>
</div>
<a href="#jump-to-line" rel="facebox[.linejump]" data-hotkey="l" style="display:none">Jump to Line</a>
<div id="jump-to-line" style="display:none">
<form accept-charset="UTF-8" class="js-jump-to-line-form">
<input class="linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line…" autofocus>
<button type="submit" class="button">Go</button>
</form>
</div>
</div>
</div><!-- /.repo-container -->
<div class="modal-backdrop"></div>
</div><!-- /.container -->
</div><!-- /.site -->
</div><!-- /.wrapper -->
<div class="container">
<div class="site-footer" role="contentinfo">
<ul class="site-footer-links right">
<li><a href="https://status.github.com/">Status</a></li>
<li><a href="https://developer.github.com">API</a></li>
<li><a href="http://training.github.com">Training</a></li>
<li><a href="http://shop.github.com">Shop</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/about">About</a></li>
</ul>
<a href="/" aria-label="Homepage">
<span class="mega-octicon octicon-mark-github" title="GitHub"></span>
</a>
<ul class="site-footer-links">
<li>© 2014 <span title="0.04682s from github-fe125-cp1-prd.iad.github.net">GitHub</span>, Inc.</li>
<li><a href="/site/terms">Terms</a></li>
<li><a href="/site/privacy">Privacy</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</div><!-- /.site-footer -->
</div><!-- /.container -->
<div class="fullscreen-overlay js-fullscreen-overlay" id="fullscreen_overlay">
<div class="fullscreen-container js-suggester-container">
<div class="textarea-wrap">
<textarea name="fullscreen-contents" id="fullscreen-contents" class="fullscreen-contents js-fullscreen-contents" placeholder=""></textarea>
<div class="suggester-container">
<div class="suggester fullscreen-suggester js-suggester js-navigation-container"></div>
</div>
</div>
</div>
<div class="fullscreen-sidebar">
<a href="#" class="exit-fullscreen js-exit-fullscreen tooltipped tooltipped-w" aria-label="Exit Zen Mode">
<span class="mega-octicon octicon-screen-normal"></span>
</a>
<a href="#" class="theme-switcher js-theme-switcher tooltipped tooltipped-w"
aria-label="Switch themes">
<span class="octicon octicon-color-mode"></span>
</a>
</div>
</div>
<div id="ajax-error-message" class="flash flash-error">
<span class="octicon octicon-alert"></span>
<a href="#" class="octicon octicon-x flash-close js-ajax-error-dismiss" aria-label="Dismiss error"></a>
Something went wrong with that request. Please try again.
</div>
<script crossorigin="anonymous" src="https://assets-cdn.github.com/assets/frameworks-fc447938e306b7b2c26a33cfee9dfda9052aeb1aa6ad84b72f1b35fd008efe9e.js" type="text/javascript"></script>
<script async="async" crossorigin="anonymous" src="https://assets-cdn.github.com/assets/github-56c56f7fe2ed90ca50b9eefebccd56f3b9729a85d7ba17f0f9c9ebd02f20a7e3.js" type="text/javascript"></script>
</body>
</html>