JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv" style="font-size: 30px;color: blue">
         Hello Jquery
</div>
<input type="button" id="jqqueryh" value="fadeIn jquery"/>
<input type="button" id="jqquerys" value="fadeOut jquery"/>
<input type="button" id="jqqueryt" value="toggle jquery"/><br/>
<input type="button" id="jqqueryto" value="custom opacity"/><br/>

JavaScript

//In Jquery

$("#jqqueryh").on("click",function(){
    $("#firstdiv").fadeIn(1000);
});
$("#jqquerys").on("click",function(){
    $("#firstdiv").fadeOut("slow");
});
$("#jqqueryt").on("click",function(){
   $("#firstdiv").fadeToggle("slow");
});
$("#jqqueryto").on("click",function(){
   $("#firstdiv").fadeTo("slow",0.4);
});

//This is not available in Javascript