JSFiddle - React, Tailwind, and code Playground

by ksoncan34

HTML

<input type="button" id="but" value="hide show"/>
  <div id="test"></div>
  <div id="jQtest"></div>

CSS

#test{
    width:200px;
    height:200px;
    border:1px solid black;
    background-color:#36F;
    transition:1s;
  }
  #jQtest{
    width:200px;
    height:200px;
    border:1px solid black;
    background-color:#36F;
  }

JavaScript

function hideCss() {
    var a=document.getElementById("test");
    a.style.width="0px"   
    a.style.height="0px"
    a.style.opacity="0"
}

$('#but').click(function() {
    $('#jQtest').hide(1000);    
    hideCss();
});