65 lines
2.5 KiB
HTML
65 lines
2.5 KiB
HTML
|
<details open class="toc-right mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 hidden lg:block">
|
||
|
|
<summary
|
||
|
|
class="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
||
|
|
{{ i18n "article.table_of_contents" }}
|
||
|
|
</summary>
|
||
|
|
<div
|
||
|
|
class="min-w-[220px] py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||
|
|
{{ .TableOfContents | emojify }}
|
||
|
|
</div>
|
||
|
|
</details>
|
||
|
|
<details class="toc-inside mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 lg:hidden">
|
||
|
|
<summary
|
||
|
|
class="py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">
|
||
|
|
{{ i18n "article.table_of_contents" }}
|
||
|
|
</summary>
|
||
|
|
<div
|
||
|
|
class="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600">
|
||
|
|
{{ .TableOfContents | emojify }}
|
||
|
|
</div>
|
||
|
|
</details>
|
||
|
|
|
||
|
|
{{ if .Site.Params.smartTOC }}
|
||
|
|
<script>
|
||
|
|
(function () {
|
||
|
|
var $toc = $('#TableOfContents');
|
||
|
|
if ($toc.length > 0) {
|
||
|
|
var $window = $(window);
|
||
|
|
|
||
|
|
function onScroll() {
|
||
|
|
var currentScroll = $window.scrollTop();
|
||
|
|
var h = $('.anchor');
|
||
|
|
var id = "";
|
||
|
|
h.each(function (i, e) {
|
||
|
|
e = $(e);
|
||
|
|
if (e.offset().top - $(window).height()/3 <= currentScroll) {
|
||
|
|
id = e.attr('id');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var active = $toc.find('a.active');
|
||
|
|
if (active.length == 1 && active.eq(0).attr('href') == '#' + id) return true;
|
||
|
|
|
||
|
|
active.each(function (i, e) {
|
||
|
|
{{ if .Site.Params.smartTOCHideUnfocusedChildren }}
|
||
|
|
$(e).removeClass('active').siblings('ul').hide();
|
||
|
|
{{ else }}
|
||
|
|
$(e).removeClass('active');
|
||
|
|
{{ end }}
|
||
|
|
});
|
||
|
|
$toc.find('a[href="#' + id + '"]').addClass('active')
|
||
|
|
$toc.find('a[href="#' + id + '"]').parentsUntil('#TableOfContents').each(function (i, e) {
|
||
|
|
$(e).children('a').parents('ul').show();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$window.on('scroll', onScroll);
|
||
|
|
$(document).ready(function () {
|
||
|
|
{{ if .Site.Params.smartTOCHideUnfocusedChildren }}
|
||
|
|
$toc.find('a').parent('li').find('ul').hide();
|
||
|
|
{{ end }}
|
||
|
|
onScroll();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
{{ end }}
|