我把文章的目录放在标簽之前这样就可以在首页上看到文章的目录,这样在首页快速跳转到文章中的某个标题处不过,目录(无序列表)毕竟写在文章首部这樣它就肯定显示在文章中了。但我只想让它显示在首页中而不直接显示在文章中。毕竟有的文章比较长目录也很长,不仅占用空间還很不美观,还有就是next主题已经自带了侧栏目录了,我没必要又自己整个目录放文章首部说了这么多,就是当我进入文章后希望这个目錄自动隐藏起来,如果我有需要的话可以自己再展开
JS隐藏 显示一个DOM元素
JS隐藏一个DOM元素
进入文章後显示效果如下,可以看到目录默认是折叠起来的
点击显示目录,就可以展开目录如下所示:
点击隐藏目录,目录就隐藏起来啦:
完善了一下代码用一个按钮来实现就行了,如果目录已经折叠了则点击一下就展开,再点击一下就折叠代码如下:
|
|
去除无关空格后代码洳下:
|