| <script src="../tocbot-3.0.2/tocbot.min.js"></script> |
| <script> |
| /* Tocbot dynamic TOC, works with tocbot 3.0.2 */ |
| /* Source: https://github.com/asciidoctor/asciidoctor/issues/699#issuecomment-321066006 */ |
| var oldtoc = document.getElementById('toctitle').nextElementSibling; |
| var newtoc = document.createElement('div'); |
| newtoc.setAttribute('id', 'tocbot'); |
| newtoc.setAttribute('class', 'js-toc'); |
| oldtoc.parentNode.replaceChild(newtoc, oldtoc); |
| tocbot.init({ contentSelector: '#content', |
| headingSelector: 'h1, h2, h3, h4, h5', |
| smoothScroll: false }); |
| var handleTocOnResize = function() { |
| var width = window.innerWidth |
| || document.documentElement.clientWidth |
| || document.body.clientWidth; |
| if (width < 768) { |
| tocbot.refresh({ contentSelector: '#content', |
| headingSelector: 'h1, h2, h3, h4, h5', |
| collapseDepth: 6, |
| activeLinkClass: 'ignoreactive', |
| throttleTimeout: 1000, |
| smoothScroll: false }); |
| } |
| else { |
| tocbot.refresh({ contentSelector: '#content', |
| headingSelector: 'h1, h2, h3, h4, h5', |
| smoothScroll: false }); |
| } |
| }; |
| window.addEventListener('resize', handleTocOnResize); |
| handleTocOnResize(); |
| </script> |