JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sb-body">
  <a id="sb-nav-previous" class="sb-bignav" title="Previous">Link1</a>
  <a id="sb-nav-next" class="sb-bignav" title="Next">Link2</a>
  <div id="sb-body-inner">
    image
  </div>
</div>

CSS

.zeroOpacity {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

JavaScript

$(document).ready(function(){
    $('#sb-body').on("hover",'.sb-bignav', function() {
        $(this).siblings().toggleClass('zeroOpacity');
});
});