JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<ul id="navigation">
  <li><a href = "#">Test-1</a></li>
  <li><a href = "#">Test-2</a></li>
  <li><a href = "#">Test-3</a></li>
</ul>

JavaScript

$(document).ready(function() {
  $('#navigation li').hover(function() {
  		$("a", this).slideUp(200);
	},
  function() {
  		$("a", this).slideDown(200);
	});  
});