JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">change your div text</a>

<div class="original">
    <p class="old">this is my first quesstion on stackoverflow and i hope to be solved</p>
</div>
<p class="new" hidden="hidden">the new text i want to add </br> i will use big text really and i want to change it </p>

JavaScript

var old = $(".old").html();
var now = $(".new").html();
$("a").hover(function(){
    $(".old").html(now);
}, function(){
    $(".old").html(old);
});