如何更改文本顏色在不同的片段

Question

說我有一個簡單的reveal.js幻燈片這樣的：

<section> 
    <h1>Title</h1> 
    <p >Text</p> 
    <p class="fragment">Fragment</p> 
</section> 

我想Fragment出現在屏幕上後改變Text顏色爲紅色。我應該怎麼做？

Answer 1

這不是很簡單：

<section> 
    <h1>Title</h1> 
    <p id="postfragment">Text</p> 
    <p class="fragment">Fragment</p> 
</section> 
... 
<script> 
Reveal.addEventListener('fragmentshown', function(event) { 
    document.getElementById("postfragment").style.color="red"; 
}); 
</script> 

Answer 2

你可以簡單地做

<section> 
    <h1>Title</h1> 
    <p class="fragment highlight-red" data-fragment-index="1" >Text</p> 
    <p class="fragment data-fragment-index="1"">Fragment</p> 
</section> 

這樣一來，紅色文本和「片段」文本將始終保持同步。