RMarkdown：如何结束选项卡式内容

Question

我定义了标签后，如何定义标签外/下的内容？或者，我如何结束标签内容？

我计划了这样的布局：

title
content above tabbed region.

tab1 tab2
-------------------
tab content 1
-------------------
content below tabbed region

在rmarkdown中将是

## title {.tabset .tabset-fade}
content above tabbed region.

### tab 1 
tab content 1
### tab 2
tab content 2

content below tabbed region.

但是，content below tabbed region.作为tab2的一部分出现。如何在标签之外定义？

也许我可能在下面的内容中有进一步的标题。所以一个相关的问题是如何定义哪些标题是标签的一部分以及哪些标题不是？

Answer 1

我解决这个问题的方法很简单，但它确实有效：

## title {.tabset .tabset-fade}
content above tabbed region.

### tab 1 

tab content 1

### tab 2

tab content 2

##

content below tabbed region

该选项卡仅适用于带有.tabset的标题的＆＃39;子标题 属性显示在标签内而不是作为独立的部分＆＃39; （见here）

所以你只需要在标签上方一级定义一个新标题（在本例中没有标题），以表示RMD不在标签部分。

还可以在不同的标题中设计具有不同标签的文档：

## section 1 {.tabset .tabset-fade}
content above tabbed region.

### tab 1 

tab content 1

### tab 2

tab content 2

## section 2 {.tabset .tabset-fade}

### tab 1 

tab content 1

### tab 2

tab content 2

### tab 3

tab content 3

#
content below tabbed region

的问候，
J_F

Answer 2

在结束选项卡式内容后，使用{-}删除目录编号

tab content 2
## section 2 {.tabset .tabset-fade}
### tab 1 
tab content 1
### tab 2
tab content 2
### tab 3
tab content 3
## {-}
content below tabbed region

Answer 3

另一种方法是使用结束div标签（即</div>）。请参阅以下内容：

---
title: "Test"
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## Title {.tabset .tabset-fade}
Content above tabbed region.

### Tab 1 
Tab 1 content

### Tab 2
Tab 2 content

</div>

Content below tabbed region

Answer 4

如果您想包含与父标签相关的内容并保留子标签集，例如

[Parent tab 1] __Parent tab 2__
[Child tab 1] __Child tab 2__
<Child tab 1 content>
---
<Parent tab 1 other content>

无论选择什么 <Parent tab 1 other content> 都会显示 [Child tab]，试试这个 Rmd，它有点被 JavaScript 黑了：

---
title: "Nested tabs example"
---

```{js}
document.addEventListener("DOMContentLoaded", function() {
  $(".leave-tabset").removeClass("tab-pane tabbed-pane");
}, false);
```

# Nested tabs example {.tabset}

## Parent 1 {.tabset}

### Parent 1, Child 1

Parent 1, Child 1 content

### Parent 1, Child 2

Parent 1, Child 2 content

### {- .leave-tabset}

---

#### Parent 1, Other content 1

Foo 1

#### Parent 1, Other content 2

Bar 1

<!-- next main tab -->

## Parent 2 {.tabset}

### Parent 2, Child 1

Parent 2, Child 1 content

### Parent 2, Child 2

Parent 2, Child 2 content

### {- .leave-tabset}

---

#### Parent 2, Other content 1

Foo 2

#### Parent 2, Other content 2

Bar 2

<!-- next main tab -->

## Parent 3 {.tabset}

### Parent 3, Child 1

Parent 3, Child 1 content

### Parent 3, Child 2

Parent 3, Child 2 content

### {- .leave-tabset}

---

#### Parent 3, Other tabs {.tabset}

##### Parent 3, Other tab 1

Foo 3

##### Parent 3, Other tab 2

Bar 3

---

---

---

---

正如您在 Parent 3 选项卡中看到的，您甚至可以在离开父项的子选项卡后定义新的选项卡集。但是您可能很快就会缺少标题级别:)