JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<div id="firstDiv">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur asperiores repudiandae officiis rem iure dicta aliquam distinctio ipsam non neque repellendus aliquid. Eius enim aspernatur iure suscipit facere corporis nesciunt.
    </p>
</div>
<div id="secondDiv">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur asperiores repudiandae officiis rem iure dicta aliquam distinctio ipsam non neque repellendus aliquid. Eius enim aspernatur iure suscipit facere corporis nesciunt.
    </p>
</div>

CSS

div {border: solid red 4px; margin: 3px 0;}
div:nth-child(2) {display:none;}

JavaScript

document.getElementById("firstDiv").style.backgroundColor="green";

$('div:nth-child(2)').css("backgroundColor","red");

$('div:nth-child(2)').click(function(){
  //  $('div:first').css("backgroundColor","blue").animate({
  //     width: "100px"
  //  });
    
    $('div:first').css({"backgroundColor":"blue",
                        "width":"100px"
                       });
    
});