<!-- Content Row -->

<div class="row">

<!-- Sidebar Column -->

<div class="col-md-3">

<script>

$(document).ready(function() {

// Initialize navgoco with default options

$("#mysidebar").navgoco({

caretHtml: '',

accordion: false,

openClass: 'active', // open

save: false, // leave false or nav highlighting doesn't work right

cookie: {

name: 'navgoco',

expires: false,

path: '/'

},

slide: {

duration: 400,

easing: 'swing'

}

});

$("#collapseAll").click(function(e) {

e.preventDefault();

$("#mysidebar").navgoco('toggle', false);

});

$("#expandAll").click(function(e) {

e.preventDefault();

$("#mysidebar").navgoco('toggle', true);

});

});

</script>

{% include custom/conditions.html %}

<ul id="mysidebar" class="nav">

<span class="siteTagline">{{site.sidebar_tagline}}</span>

<span class="versionTagline">{{site.sidebar_version}}</span>

{% for entry in sidebar %}

{% for subcategory in entry.subcategories %}

{% if subcategory.audience contains audience and subcategory.product contains product and subcategory.platform contains platform and subcategory.version contains version and subcategory.web != false %}

<li><a href="#">{{ subcategory.title }}</a>

<ul>

{% for item in subcategory.items %}

{% if item.audience contains audience and item.product contains product and item.platform contains platform and item.version contains version and item.web != false %}

{% if item.external_url %}

<li><a href="{{item.external_url}}" target="_blank">{{subcategory.title}}</a></li>

{% elsif page.url == item.url %}

<li class="active"><a href="{{item.url | replace: "/",""}}">{{item.title}}</a></li>

{% else %}

<li><a href="{{item.url | replace: "/",""}}">{{item.title}}</a></li>

{% endif %}

{% for thirdlevel in item.thirdlevel %}

{% if thirdlevel.audience contains audience and thirdlevel.product contains product and thirdlevel.platform contains platform and thirdlevel.version contains version and thirdlevel.web != false %}

<li class="thirdlevel"><a href="#">{{ thirdlevel.title }}</a>

<ul>

{% for deeplevel in thirdlevel.thirdlevelitems %}

{% if deeplevel.audience contains audience and deeplevel.product contains product and deeplevel.platform contains platform and deeplevel.version contains version and deeplevel.web != false %}

{% if deeplevel.external_url %}

<li><a href="{{deeplevel.external_url}}" target="_blank">{{deeplevel.title}}</a></li>

{% elsif page.url == deeplevel.url %}

<li class="active"><a href="{{deeplevel.url | replace: "/",""}}">{{deeplevel.title}}</a></li>

{% else %}

<li><a href="{{deeplevel.url | replace: "/",""}}">{{deeplevel.title}}</a></li>

{% endif %}

{% endif %}

{% endfor %}

</ul>

</li>

{% endif %}

{% endfor %}

{% endif %}

{% endfor %}

</ul>

{% endif %}

{% endfor %}

{% endfor %}

<p class="external">

<a href="#" id="collapseAll">Collapse All</a> | <a href="#" id="expandAll">Expand All</a>

</p>

</div>

<!-- this highlights the active parent class in the navgoco sidebar. this is critical so that the parent expands when you're viewing a page. This must appear below the sidebar code above.-->

<script>$("li.active").parents('li').toggleClass("active");</script>