JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<div class="client-link">
</div>
<div class="navbar"></div>
<div class="values"></div>

CSS

.client-link {
  height: 100px;
  width: 100px;
  border: 2px solid green;
}

.navbar {
  height: 100px;
  width: 100px;
  border: 2px solid red;
}

.values {
  height: 100px;
  width: 100px;
  border: 2px solid blue;
  transition: all 1s;
}

.fade {
  opacity: 0.2;
}

JavaScript

// Main Script For Site

$(document).ready(function() {
  $('.client-link').on("click", function() {
          $('.navbar').slideToggle("fast");
          $('.values').toggleClass("fade");
          
  });
 
});