JSFiddle - React, Tailwind, and code Playground

by amirreza225

HTML

<div id="menu">
  <h3 id="test">About me</h3>
  <h3 id="test2">Education</h3>
  <h3>Projects</h3>
  <h3>Photos</h3>
  <h3 class="test3">Contact</h3>
</div>

JavaScript

$(document).ready(function(){
    $("#test3").hover(function(){
    $("#test").html("different text");     
    });
    $("#test3").mouseout(function(){
    $("#test").html("About me");     
    });
});