Rmarkdown 未正确显示可折叠面板

Question

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

---
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>

Answer 1

---
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 中使用多列的可能性。下拉选项不起作用，但尝试弄乱它，看看它是否能让你更接近。让我知道。乐于助人，乐于学习

Answer 2

一旦删除所有 </details> 结束标记，问题就会解决。
好像是 Markdown issue 渲染失败 <details><summary>...</summary></details>.

Rmarkdown 未正确显示可折叠面板

Rmarkdown is not displaying collapsible panels correctly

knitr

r-markdown