Come modificare il colore del testo in diversi frammenti

Question

dire che ho un semplice reveal.js slide Ti piace questa:

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

Mi piacerebbe cambiare Text colore in rosso dopo Fragment appare sullo schermo. Come dovrei farlo?

Answer 1

Non è piuttosto semplice:

<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

si può semplicemente fare

<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> 

In questo modo, il testo rosso e il testo "Frammento" saranno sempre in sincronia.