JSFiddle - React, Tailwind, and code Playground

HTML

<div id="CONTENT">My content needs to change here.</div>

<div id="nc_wrap2">

<a class="nc1" href="#">Link 1</a>
<a class="nc2" href="#">Link 2</a>
<a class="nc3" href="#">Link 3</a>
<a class="nc4" href="#">Link 4</a>
<a class="nc5" href="#">Link 5</a>



</div>

JavaScript

$( 'a' ).mouseover( function(){
  $( '#CONTENT' ).text( $( this ).text() )  
})
    .mouseout( function(){
  $( '#CONTENT' ).text( ' My content needs to change here.')
})