JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sb-body">
  <a id="sb-nav-previous" class="sb-bignav" title="Previous" onclick="Shadowbox.previous()">Previous</a>
  <a id="sb-nav-next" class="sb-bignav" title="Next" onclick="Shadowbox.next()">Next</a>
  <div id="sb-body-inner">
    <img style="position: absolute;" src="//upload.wikimedia.org/wikipedia/commons/thumb/b/bb/Rust_and_dirt.jpg/220px-Rust_and_dirt.jpg" id="sb-player" height="200">
  </div>
</div>

JavaScript

$(document).ready(function() {
    $('.sb-bignav').hover(function() {
        $(this).siblings('.sb-bignav').css('visibility','hidden');
    }, function() {
        $(this).siblings('.sb-bignav').css('visibility','visible');
    });
});