Jupyter notebook Jupyter笔记本幻灯片，一个新片段的出现如何触发对以前片段的属性更改？

使用Jupyter笔记本准备幻灯片

我希望当一个新片段变得可见时，触发一个先前显示的片段的属性更改（例如文本颜色或字体大小）

如果需要

addEventListener

，您能否提供jupyter笔记本的工作示例

这是我发现的：

编辑：

用

id

标记目标元素和触发器元素：

代码：

<p id="target"> This text will become red and then green.</p>
<p class="fragment" id="trigger"> When this appears, the previous fragment will change color. When it disappears it will change color again</p>

Reveal.addEventListener('fragmentshown', function( event ) {
        if(event.fragment.id === 'trigger') {  document.getElementById("target").style.color = "red";}
} );
Reveal.addEventListener('fragmenthidden', function( event ) {
        if(event.fragment.id === 'trigger') {  document.getElementById("target").style.color = "green";}
} );