JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div class="new_div">In publishing and graphic design, lorem ipsum (derived from Latin dolorem ipsum, translated as "the pain") is a filler text commonly used to demonstrate the graphic elements of a document or visual presentation. Replacing meaningful content with placeholder text allows viewers to focus on graphic aspects such as font, typography, and page layout without being distracted by the content. It also reduces the need for the designer to come up with meaningful text, as they can instead use quickly-generated lorem ipsum</div>
<button class="reset">Reset</button>

CSS

.reset{display:none;}

JavaScript

var hello = function(){
    alert("hello");
    $(".reset").show();
}

$(".new_div").on("click",function(){
    $(this).slideUp(1000,hello);
});

$(".reset").on("click",function(){
    $(".new_div").slideDown(1000,function(){
        $(".reset").hide();
    });
});