我正在使用Jupyter笔记本进行交互式编码演示。有一个练习块，用户应该在其中输入自己的代码来尝试解决问题。
我现在想有选择地给出一些进一步的说明，即提示如何解决问题，默认情况下应该隐藏这些说明。
我找到了这个答案，它链接到这个网站，在一个原始的nbconvert单元格中使用JavaScript来隐藏输出单元格。然而，这似乎只适用于导出的笔记本电脑，而我想要笔记本电脑本身的一些东西。因此，我尝试将类似的JS添加到Markdown单元格中，但这不起作用，因为JS会被清除。
我不确定CSS是否也被净化了，但原始HTML有效。有没有一种好的方法可以创建一个隐藏/折叠的文本段落，比如"单击此处获取进一步的说明"来显示文本？
到目前为止，我能想到的最好的方法是使用title属性在文本上创建鼠标，不幸的是没有进一步的格式化：
<span title="Instruction text goes here">Mouse over for further instructions</span>
<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