jquery to animate svg for markdown engine to parse headings -- 2

I have a table of contents generated using this code (code 1), which will produce sidebar style menu. I want to match the html elements for markdown headings to the code 1, so that I have a scroll tracker in my live web page. The scroll tracker I found most akin to this effect would be some thing like this (code 2). You can find the code live in this code pen. [login to view URL] code 1: [login to view URL] code 2: [login to view URL] code 3: [login to view URL] Actually, the above code pen hosts all the referenced codes for animated scroll-track. Task: implement the code 1 and 2 as in the referenced site into my target site which uses bootstrap (code 3). If you have trouble knowing what the target site looks like, I will let you access my pc via anydesk. My budget: usd20