がどのように異なるフラグメントでテキストの色を変更するには

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> 

その方法を行うことができ、赤のテキストおよび「フラグメント」のテキストは常に同期されます。