我正在尝试使直到鼠标悬停才可见的文本，或者具有“显示” /“隐藏”按钮或其他内容的文本，以便在用户以某种方式与之交互之前不可见。

我正在尝试在github Wiki页面上执行此操作。（特别是简短的自我测验。）

基本上，我想获得与SO通过>!标记实现的类似效果：

ho！剧透文字！

如这些 元文章中所述。

相同的标记在github中不起作用，我想这是SO扩展吗？

我看到了有关在github上的注释中使用扰流器文本的问题，该问题已关闭，但我认为对于wiki页面可能会有不同的答案，或者基于HTML或其他内容的解决方案？

有谁知道是否有办法做到这一点，或者不幸的是绝对不可能吗？

GitHub Flavored Markdown的文档没有提及破坏者，因此我怀疑它不受支持。绝对不是原始Markdown规范的一部分。

GFM支持HTML的子集。目前，您可以将问题<summary>和答案包装在任何标准HTML标签中，例如<p>将整个内容包装在<details>标签中。

所以如果你这样做

<details> 
  <summary>Q1: What is the best Language in the World? </summary>
   A1: JavaScript 
</details>

您得到了-> https://github.com/gaurav21r/Spoon-Knife/wiki/Read-More-Test

浏览器支持是一个问题。

GitHUB Wiki的优点是，它允许您以其他格式（例如AsciiDoc，RST等）编写文本。这两种格式的功能比Markdown丰富得多。

建立在Gaurav的答案和GH问题的基础上，这是一种在GitHub<details>标记内使用高级格式的方法：

注意：自2016<p>年以来的原始答案为必填项，自2017年以来，该要求在之后</summary>（即在扩展内容之前）为空行。直到2019年的某个时候，降价促销<summary>也不再起作用。您可以看到它非常脆弱，因为它是一种破解/解决方法，而不是受支持的功能/用例。还要注意，问题/ PR注释支持的格式不同于Wiki（例如，2020年4月的下划线摘要仅适用于Wiki，不适用于问题）。

<details>
  <summary>stuff with *mark* **down** in `summary` doesn't work any more, use HTML <i>italics</i> and <b>bold</b> instead in <code>&lt;summary&gt;</code> (<i>click to expand</i>)</summary>
  <!-- have to be followed by an empty line! -->

## *formatted* **heading** with [a](link)
```java
code block
```

  <details>
    <summary><u>nested</u> <b>stuff</b> (<i>click to expand</i>)</summary>
    <!-- have to be followed by an empty line! -->

A bit more than normal indentation is necessary to get the nesting correct,
 1. list
 1. with
    1. nested
    1. items
        ```java
        // including code
        ```
    1. blocks
 1. and continued non-nested

  </details>
</details>

当前，它以下列形式呈现，预期的部分可扩展和可折叠：

初始状态

点击总结

点击嵌套摘要

html元素<details>，并<summary>可以做到这一点，看看：

http://caniuse.com/#search=details

对Firefox＆Edge的支持很差，但是可能会有一些民意测验...

如果CSS您选择编辑，则只需使用

[](#spoiler "Spoiler Filled Text")

然后使用（纯净）CSS给出正确的外观。

a[href="#spoiler"] {
  text-decoration: none !important;
  cursor: default;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #FFF8DC;
  border-left: 2px solid #ffeb8e;
  display: inline-block;
}
a[href="#spoiler"]::after {
  content: attr(title);
  color: #FFF8DC;
  padding: 0 0.5em;
}
a[href="#spoiler"]:hover::after,
a[href="#spoiler"]:active::after {
  cursor: auto;
  color: black;
  transition: color .5s ease-in-out;
}

<p>
  <a href="#spoiler" title="Spoiler Filled Text"></a>
</p>

（从此代码中得到的启发）

与details / summary标签不同的解决方案，也是使用本机html的方法是使用带有标题的span。我最近在组织模式下正在做类似的事情。