Highlight hover sentence

by janetyc

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div><span class="sentence">Crowdsourcing systems organize individuals to solve complex problems that are otherwise difficult to solve computationally [cited].</span> <span class="sentence">A key challenge in creating these systems is to sufficiently incentivize individuals to participate and keep producing high quality work.</span> <span class="sentence">In support of this goal, a wide range of incentive mechanisms have been designed and studied in crowdsourcing and social computing settings, including monetary payment [cited], gamification techniques [cited], social comparisons [cited], visualizations and facilitation [cited], and virtual reward systems [cited].</span> <span class="sentence">The efficacy of these approaches ranges quite a bit, making this an active, open research area.</span></div>

CSS

.sentence:hover{
    background-color: #ffb3b3;
}
.highlight{
    background-color: #ffe066;
}

JavaScript

$('.sentence').click(function(){
	$(this).toggleClass('highlight');
});