<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"> <h1 class="fakelink" id="doco-top-toc-heading"><span onclick="docoTocToggle(); return false;"> <i class="fakelink fa fa-caret-right" id="doco-toc-toggle"></i> {{$tocHeading}} </span></h1> <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: "h1,h2,h3,h4"}); $('.navbar-header').append('<button id="doco-return-to-top-btn">'); //.find('button'); var goTopBtn = $('#doco-return-to-top-btn'); goTopBtn.append('<i>').find('i').addClass('fa fa-arrow-circle-up'); //goTopBtn.attr('id', 'doco-return-to-top-btn'); goTopBtn.attr('type', 'button'); goTopBtn.attr('data-toggle', 'offcanvas'); goTopBtn.addClass('navbar-toggle'); goTopBtn.click(function() { $(window).scrollTop(0); }); }); function docoTocToggle() { if($('#doco-top-toc').is(':visible')) { $('#doco-toc-toggle').removeClass('fa-caret-down').addClass('fa-caret-right'); } else { $('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down'); } $('#doco-top-toc').toggle(); return false; } </script>