我正在使用Jupyter Notebook进行交互式编码演示。有一个练习块，用户应输入自己的代码来尝试解决问题。
我现在想可选地提供一些进一步的说明，即提示如何解决该问题，默认情况下应将其隐藏。
我发现this answer链接到此site here，在原始nbconvert单元格中使用JavaScript来隐藏输出单元格。但是，这似乎仅对导出的笔记本有效，而我想要在笔记本本身中添加一些东西。 因此，我曾尝试将类似的JS添加到Markdown单元中，但这是行不通的，因为JS已被清除。
我不确定CSS是否也要清理干净，但是原始HTML可以工作。是否有一种很好的方法来创建隐藏/折叠的文本段落，并使用诸如“单击此处获取更多说明”之类的内容来显示文本？
到目前为止，我能想到的最好的方法是创建一个鼠标悬停文本的title属性，不幸的是，无需进行进一步的格式化：
<span title="Instruction text goes here">Mouse over for further instructions</span>
答案 0 :(得分：0)
<details>标记是纯HTML，它可以完成此操作，并且不会被消毒剂删除。它可以有一个<summary>来描述折叠的内容。
<details>
<summary>Click here for instructions</summary>
Instructions go here
</details>
另请参阅：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details