R Bookdown 网站自动折叠侧边栏答案

【问题标题】：Automatically collapsing sidebar of R Bookdown websiteR Bookdown 网站自动折叠侧边栏
【发布时间】：2020-09-15 05:41:01
【问题描述】：

阅读我的 Bookdown 项目的人不要跳过章节，这一点至关重要。虽然文档中明确说明了这一点，但通过自动折叠侧边栏来进一步阻止这一点真的很有帮助:o)

根据this Github issue，没有默认的显式选项可以做到这一点，但是还有其他方法吗？

【问题讨论】：

【解决方案1】：

欢迎使用 stackoverflow！

使用例如在 bookdown::gitbook 上的 Chrome 的 inspect feature 您会看到 DOM 中 <body> 之后的第一个元素是 <div>，它“包含”了整本书。这个<div> 有多个类，其中一个是with-summary，这是您要删除的。

我认为最快的方法是使用 jquery：

设置 HTML 文件

header.html

<script>
 window.addEventListener("DOMContentLoaded", function(){
  $("div").first().removeClass("with-summary");
 });
</script>

使用 YAML 选项 includes 将文件包含在文档标题中

.Rmd

---
title: "My Title"
output: 
  bookdown::gitbook:
    includes:
      in_header: header.html
---

页面加载后，jquery 函数将选择 DOM 中的第一个 <div> 元素并删除该类。请注意，如果用户也导航到另一章，这将隐藏侧边栏。

【讨论】：