JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<div class="row">
  <div class="link grey">
    <a href="#">Link</a>
  </div>
</div>
<div class="row">
  <div class="link">
    <a href="#">Link</a>
  </div>
</div>
<div class="row">
  <div class="link">
    <a href="#">Link</a>
  </div>
</div>
<div class="row">
  <div class="link grey">
    <a href="#">Link</a>
  </div>
</div>

CSS

.row{
  min-width: 50%;
  border-bottom: 1px solid #999;
}
.link{
  background: #fff;
  display: block;  
  padding: 15px;
}
.grey{
  background:#ccc;
}

JavaScript

$(document).ready(function(){
	$('a').on('click', function(){
  	$(this).closest('.link').toggleClass('grey');
  });
});