JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<a href="#">Click me! <i class="fa fa-plus-circle"></i></a>
<div class="content active">
   + div plus
</div>
<div class="content">
   - div minus
</div>

CSS

.content.active {
  display:block;
}
.content {
  display:none;
}

JavaScript

$('a').click(function() {
  $(this).find('i').toggleClass('fa-minus-circle fa-plus-circle');
  $('.content').toggleClass('active');
});