JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/ui-lightness/jquery-ui.css">
Click the rows to toggle.
<ul>
<li class="products active"><a href="" title="Title">test</a></li>
<li class="products active"><a href="" title="Title">test</a></li>
<li class="products active"><a href="" title="Title">test</a></li>
<li class="products active"><a href="" title="Title">test</a></li>
</ul>
CSS
.active {
background: yellow;
}
.past {
background: #EEE;
}
JavaScript
$('.products').click(function() {
$(this).toggleClass('past active');
return false;
});