streams/view/tpl/help.tpl

<div id="help-content" class="generic-content-wrapper">
	<div class="section-title-wrapper">
		<h2>{{$title}}: {{$heading}}</h2>
	</div>
	<div class="section-content-wrapper" id="doco-content">
		<h3 id="doco-top-toc-heading">
			<span class="fakelink" onclick="docoTocToggle(); return false;">
				<i class="fa fa-fw fa-caret-right fakelink" id="doco-toc-toggle"></i>
				{{$tocHeading}}
			</span>
		</h3>
		<ul id="doco-top-toc" style="margin-bottom: 1.5em; display: none;"></ul>
		{{$content}}
	</div>
</div>

<script>
	// Generate the table of contents in the side nav menu (see view/tpl/help.tpl)
	$(document).ready(function () {
		$('#doco-top-toc').toc({content: "#doco-content", headings: "h3,h4,h5,h6"});
	});
	
	function docoTocToggle() {
		if($('#doco-top-toc').is(':visible')) {
			$('#doco-toc-toggle').removeClass('fa-cog').addClass('fa-caret-right');
		} else {
			$('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down');
		}
		$('#doco-top-toc').toggle();
		
		return false;
	}
</script>