JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span class="move-tools">
    <a href title="Move to bottom">Move to bottom</a>
    <a href title="Move down one place">Move down</a>
    <a href title="Move up one place">Move up</a>
    <a href title="Move to top">Move to top</a>
  </span>
</div>

SCSS

.move-tools {
  > a {
    opacity: 0.0;
    
    &.sibling {
      opacity: 1.0;
      transition: opacity 1s ease-in-out; /* different CSS makes more sense here for demo purposes */
    }
    
    &:hover {
      opacity: 1.0;
      transition: opacity 0.5s ease-in-out;
    }
  }
}

JavaScript

$(".move-tools a").hover(function() {
	$(this).siblings().toggleClass("sibling");
});