如何在Quarto RevealJS中实现分栏内容增量展示？

在Quarto的RevealJS幻灯片中制作带项目符号的两栏布局时，希望实现分栏增量展示：先显示左栏内容，再显示右栏内容。已知创建分栏需使用.column类，增量展示需使用.incremental类，但直接为两栏添加::: {.column width="50%" .incremental}无法生效，请问如何实现该效果？

原代码示例 #

---
format: revealjs
---

# Example slide

::: columns
::: {.column width="50%"}

- Eat spaghetti
- Drink wine

:::

::: {.column width="50%"}

- Drink coffee
- Eat a hamburger

:::
:::

要实现先左栏后右栏的增量展示，无需直接给.column叠加.incremental，以下两种方法均可生效：

方法1：给columns容器添加.incremental类 #

将.incremental类应用到最外层的columns容器，每个.column会自动作为独立增量步骤依次显示：

---
format: revealjs
---

# Example slide

::: {.columns .incremental}
::: {.column width="50%"}

- Eat spaghetti
- Drink wine

:::

::: {.column width="50%"}

- Drink coffee
- Eat a hamburger

:::
:::

方法2：给单个.column添加.fragment类（更灵活） #

如果需要精细控制显示顺序，可给目标.column添加RevealJS原生的.fragment类，通过data-fragment-index指定展示顺序：

---
format: revealjs
---

# Example slide

::: columns
::: {.column width="50%" .fragment data-fragment-index="1"}

- Eat spaghetti
- Drink wine

:::

::: {.column width="50%" .fragment data-fragment-index="2"}

- Drink coffee
- Eat a hamburger

:::
:::

效果说明 #

两种方法均能实现：幻灯片初始无内容，首次点击显示左栏全部项目，再次点击显示右栏全部项目，完全匹配需求的分栏增量展示效果。

内容的提问来源于stack exchange，提问作者Quinten