JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pippo active" id="Pers1">testo vario</div>
<div class="pippo" id="Pers2">testo vario</div>
<div class="pippo" id="Pers3">testo vario</div>
<div class="pippo" id="Pers4">testo vario</div>
<div class="pippo" id="Pers5">testo vario</div>

CSS

.active {
    color:#E01B5D;
}

JavaScript

$(document).keypress(function(e){
    // vai avanti
    if(e.which == 107) { 
        var a1 = $(".active");
        var s1 = $(".active").next();
        a1.removeClass("active");
        s1.addClass("active");
    }
    // torna indietro
    else if (e.which == 106) {
        var a2 = $(".active");
        var s2 = $(".active").prev();
        a2.removeClass("active");
        s2.addClass("active");         
    }
});