<script

src="{{ site.baseurl }}/assets/js/jquery-3.3.1/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>

<script> $(document).ready(function() {

var toc = $('#TOC');

// Select each header
sections = $('.td-content h1');
    $.each(sections, function(idx, v) {
        section = $(v);
        var div_id = $(section).attr('id');
        var div_text = section.text().split('¶')[0];
        var parent = $("#" + div_id)
        var content = '<li id="link_' + div_id + '"><a href="#' + div_id + '" title="' + div_text +'">' + div_text +'</a></li>';
        $(toc).append(content);

        // Add section code to subnavigation
        var children = $('<ul></ul>')
        var contenders = $("#" + div_id).nextUntil("h1");
        $.each(contenders, function(idx, contender){
           if($(contender).is('h2') || $(contender).is('h3')) {
               var contender_id = $(contender).attr('id');
               var contender_text = $(contender).text().split('¶')[0];
               var content = '<li><a href="#' + contender_id + '" title="' + contender_text +'">' + contender_text +'</a></li>';
               children.append(content);
            }
         })
         $("#link_" + div_id).append(children);
    });
});

</script>