R Markdown : hide spoiler text (hover over text element)

Question

是否可以在使用 R Markdown 创建的 .html 文件中隐藏文本 block ？在用户优先将鼠标悬停在文本上(或单击按钮)之前，应隐藏文本元素。要隐藏的元素与代码块无关。目前我在

中包含文本

建议通过在每行前面加上“>!”来隐藏文本 block ，但 R Studio 无法识别这种“ Markdown ”方法。它只返回一个以“!”开头的文本 block 。不过，在 Javascript 和按钮之上，我更喜欢这种简单的“悬停”方法。

欢迎大家提出意见。谢谢。

Answer 1

我的建议是使用 CSS 来完成这项任务。

以下Rmd文件包含一些规则来隐藏 spoiler类元素。您可能会发现使用 CSS 的其他方法:

---
output: html_document
---

```{css, echo=FALSE}
.spoiler {
  visibility: hidden;
}

.spoiler::before {
  visibility: visible;
  content: "Spoiler alert! Hover me to see the answer."
}

.spoiler:hover {
  visibility: visible;
}

.spoiler:hover::before {
  display: none;
}
```

You can insert a message in raw `HTML`:
<p class="spoiler">Answer</p>

A better approach is to use bracketed spans:  
[This is another answer]{.spoiler}