JSFiddle - React, Tailwind, and code Playground

by josangel555

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div>
  <div class="main green">
    Page 1
  </div>
  <div class="main red">
    Page 2
  </div>
</div>

<input type="submit" id="fade"/>

CSS

.main{
  width: 400px;
  height: 100px;
  top: 0px;
  left: 0px;
  position: absolute;
  display: float;
}

.red{background-color: red;}
.green{background-color: green;}

input{top: 120px; position:relative;}

JavaScript

$("#fade").click(function(){
        $(".main.green").fadeOut("slow");
    });