JSFiddle - React, Tailwind, and code Playground

HTML

<div class="carousHiderWrapper2">Go here!</div>
<div class="carouselArrowLeft2">Hi</div>
<div class="carouselArrowRight2">There</div>

CSS

.carouselArrowLeft2,.carouselArrowRight2{
  display: none;
}

JavaScript

var hiddenButtons = $('.carouselArrowLeft2,.carouselArrowRight2');
var a = $('.carousHiderWrapper2');

a.hover(function() {
    hiddenButtons.fadeIn();
  }, function(){
    hiddenButtons.fadeOut();
  });