31 lines
1.0 KiB
JavaScript
31 lines
1.0 KiB
JavaScript
$( document ).ready(function() {
|
|
function scrollToHash(hash) {
|
|
if (hash.length > 0) {
|
|
$('html, body').animate({
|
|
scrollTop: $(`#${hash}`).offset().top
|
|
}, 500);
|
|
}
|
|
}
|
|
|
|
$('#content h2').each(function(index) {
|
|
var title = $(this).text();
|
|
var id = $(this).attr("id");
|
|
|
|
// inject headers into user journeys table-of-contents (buttons)
|
|
$("#user-journeys-toc").append(`<a href="#section-${index + 1}"><div class="docButton">${index + 1}. ${title}</div></a>`)
|
|
|
|
// replace content headers with styled banners
|
|
$(this).replaceWith(`<div class="anchor" id="section-${index + 1}"></div><div class="docssectionheaders" id="${id}"><span class="numberCircle"><span><br><br>${index + 1}</span></span> ${title}</div>`)
|
|
});
|
|
|
|
$('div#user-journeys-toc a').each(function() {
|
|
$(this).click(function() {
|
|
var target = $(this).attr("href").replace("#", "");
|
|
scrollToHash(target);
|
|
});
|
|
});
|
|
|
|
// jump to section in URL now that anchors are created
|
|
scrollToHash(window.location.hash.substr(1));
|
|
});
|