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>

JavaScript

$(document).ready(function(){
    $('#sb-body').on("hover",'.sb-bignav', function() {
        $(this).siblings().css({
    'opacity': '0',
    '-webkit-opacity': '0',
    '-moz-opacity': '0'
  });
});
});