I spent too long trying to figure out why my jquery wasn’t finding what it was looking for.
For instance, a scroll to top animation - which finds hrefs with anchors, matching IDs in the DOM and animates to them - or Bootstrap’s scrollspy, weren’t working.
Enter: PartialIDAnchors.
Adding the following to your config.toml may help. The JQuery things didn’t like that the anchors had a colon in the middle. I was using {{ TableOfContents }} to generate the menu, so couldn’t easily change that.
[blackfriday]
plainIDAnchors = true
Makes the header URLs be the header text.
Warning: Don’t use the same header words twice in the instance where the JQuery selectors are in action.