Rmarkdown 未正确显示可折叠面板答案

【问题标题】：Rmarkdown is not displaying collapsible panels correctlyRmarkdown 未正确显示可折叠面板
【发布时间】：2020-04-11 23:30:40
【问题描述】：

我正在尝试创建一个包含可扩展部分的常见问题解答文档。例如，在随附的示例中，我希望部分/问题 1.1 到 1.4 位于主题 1 下方，然后主题 2 成为具有新问题/部分的新区域。从附图中可以看出，该代码在前两个部分中完美运行，但随后似乎失败了。我在<br> 和</details> 上尝试了多种不同的变体，但似乎没有任何解决方法。同样，看起来好像目录工作不正常，因为浮动目录中只出现了 TOPIC 1。奇怪的是，number_sections: true 似乎对部分进行了适当的编号，因此它似乎正在检测所有标题等......所以，我希望有人能帮助找出我预期的这个谜团非常简单！

---
title: "FAQ"
date: "10/04/2020"
output: 
  html_document:
    toc: true
    toc_depth: 2
    toc_float: true
    number_sections: true
    theme: flatly
    highlight: tango
    code_folding: hide
---

```{r setup, include=FALSE}
    library(knitr)

    ## TOPIC 1

    ### QUESTION 1. {.tabset .tabset-fade .tabset-pills}
    <details>
     <summary> Click Here! </summary>

    #### TLDR
    summary

    #### Learn More
    description

    <br>

    </details>

    ### QUESTION 2. {.tabset .tabset-fade .tabset-pills}
    <details>
     <summary> Click Here! </summary>

    #### TLDR
    summary

    #### Learn More
    description

    <br>

    </details>

    ### QUESTION 3. {.tabset .tabset-fade .tabset-pills}
    <details>
     <summary> Click Here! </summary>

    #### TLDR
    summary

    #### Learn More
    description

    <br>

    </details>

    ### QUESTION 4. {.tabset .tabset-fade .tabset-pills}
    <details>
     <summary> Click Here! </summary>

    #### TLDR
    summary

    #### Learn More
    description

    <br>

    </details>

    ## TOPIC 2. 

    ### QUESTION 5. {.tabset .tabset-fade .tabset-pills}
    <details>
     <summary> Click Here! </summary>

    #### TLDR
    summary

    #### Learn More
    description

    <br>

    </details>

【问题讨论】：

标签： r-markdown knitr

【解决方案1】：

删除所有</details> 结束标签后，问题就解决了。
好像是 Markdown issue 无法渲染 <details><summary>...</summary></details>。

【讨论】：

【解决方案2】：

---
title: "FAQ"
date: "10/04/2020"
output: 
  html_document:
    toc: true
    toc_depth: 2
    toc_float: true
    number_sections: true
    theme: flatly
    highlight: tango
    code_folding: hide
---


```{r setup, include=FALSE}
    library(knitr)
```

:::: {style="display: flex;"}

::: {}
Here is the **first** Div.


## TOPIC 1

### QUESTION 1. {.tabset .tabset-fade .tabset-pills}
<details>
<summary> Click Here! </summary>

#### TLDR
summary

#### Learn More
description

<br>

</details>

### QUESTION 2. {.tabset .tabset-fade .tabset-pills}
<details>
 <summary> Click Here! </summary>

#### TLDR
summary

#### Learn More
description

<br>

</details>

### QUESTION 3. {.tabset .tabset-fade .tabset-pills}
<details>
 <summary> Click Here! </summary>

#### TLDR
summary

#### Learn More
description

<br>

</details>

### QUESTION 4. {.tabset .tabset-fade .tabset-pills}
<details>
 <summary> Click Here! </summary>

#### TLDR
summary

#### Learn More
description

<br>

</details>

:::

::: {}
And this block will be put on the right:

## TOPIC 2. 

### QUESTION 5. {.tabset .tabset-fade .tabset-pills}
<details>
 <summary> Click Here! </summary>

#### TLDR
summary

#### Learn More
description

<br>

</details>
:::

::::

希望这能让您更接近目标。使用This link 来更多地研究可能在您的 Rmarkdown 中使用多个列。下拉选项不起作用，但试着弄乱它，看看它是否能让你更接近。让我知道。喜欢帮助和学习的同时

【讨论】：