<div class="" id="accordion"> <div class="panel"> <div class=""> <h3 class="panel-title"> About </h3> </div> <div id="about" class="panel-collapse collapse in"> <ul class="list-group"> <li class="doco-list-group-item"><a href="/help/about/about_hubzilla">About Hubzilla</a></li> <li class="doco-list-group-item"><a href="/help/about/hubzilla_project">Hubzilla project</a></li> <li class="doco-list-group-item"><a href="/help/about/about_hub">About this hub</a></li> </ul> </div> </div> <div class="panel"> <div class=""> <h3 class="panel-title"> Members </h3> </div> <div id="members" class="panel-collapse collapse in"> <ul class="list-group"> <li class="doco-list-group-item"><a href="/help/member/member_guide">Guide</a></li> <li class="doco-list-group-item"><a href="/help/member/bbcode">BBcode Reference</a></li> <li class="doco-list-group-item"><a href="/help/member/member_faq">FAQ</a></li> </ul> </div> </div> <div class="panel"> <div class=""> <h3 class="panel-title"> Administrators </h3> </div> <div id="administrators" class="panel-collapse collapse in"> <ul class="list-group"> <li class="doco-list-group-item"><a href="/help/admin/administrator_guide">Guide</a></li> <li class="doco-list-group-item"><a href="/help/admin/hub_snapshots">Hub Snapshots</a></li> </ul> </div> </div> <div class="panel"> <div class=""> <h3 class="panel-title"> Developers </h3> </div> <div id="developers" class="panel-collapse collapse in"> <ul class="list-group"> <li class="doco-list-group-item"><a href="/help/developer/developer_guide">Guide</a></li> <li class="doco-list-group-item"><a href="/help/developer/api_zot">Zot Protocol and API</a></li> </ul> </div> </div> <div class="panel"> <div class=""> <h3 class="panel-title"> Tutorials </h3> </div> <div id="tutorials" class="panel-collapse collapse in"> <ul class="list-group"> <li class="doco-list-group-item"><a href="/help/tutorials/personal_channel">Personal Channel</a></li> </ul> </div> </div> </div> <script> // Generate the table of contents in the side nav menu (see view/tpl/help.tpl) $(document).ready(function () { $(".panel-collapse.in").find('a').each(function(){ window.console.log($(this).attr('href')); var url = document.createElement('a'); url.href = window.location; var pageName = url.href.split('/').pop().split('#').shift(); window.console.log('pageName: ' + pageName); var linkName = $(this).attr('href').split('/').pop(); window.console.log('linkName: ' + linkName); if(pageName === linkName) { var tocUl = $(this).closest('li').append('<ul>').find('ul'); tocUl.removeClass(); // Classes are automatically added to <ul> elements by something else tocUl.toc({content: "#doco-content", headings: "h3"}); tocUl.addClass('toc-content sub-menu'); tocUl.attr('id', 'doco-side-toc'); } }); $(document.body).trigger("sticky_kit:recalc"); }); </script>