如何在Quarto与RevealJS中实现项目符号与子项同步增量显示?
在Quarto RevealJS中实现父项目符号与子项同步增量显示
要让父项目符号和对应的子项同步出现,你可以通过以下两种方式实现:
方法1:拆分.incremental容器
将每个父项及其子项单独包裹在.incremental容器内,每个容器内的所有元素会同步显示:
--- title: "Demo" format: revealjs --- ::: incremental - thingy 1 - detail 1A - detail 1B ::: ::: incremental - thingy 2 - detail 2A - detail 2B :::
方法2:使用自定义片段索引
通过给列表项添加data-fragment-index属性,让相同索引的元素同步显示,需要用HTML列表语法实现:
--- title: "Demo" format: revealjs --- <ul> <li data-fragment-index="0">thingy 1 <ul> <li data-fragment-index="0">detail 1A</li> <li data-fragment-index="0">detail 1B</li> </ul> </li> <li data-fragment-index="1">thingy 2 <ul> <li data-fragment-index="1">detail 2A</li> <li data-fragment-index="1">detail 2B</li> </ul> </li> </ul>
两种方法都能满足需求:点击时先显示thingy 1及其所有子项,再显示thingy 2及其所有子项。
内容的提问来源于stack exchange,提问作者itsMeInMiami
相关产品推荐
相关产品推荐

