JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
<a href="#" class="contact">Contact</a>
</div>

<div class="contact"> 
                    <h2>Contact Us</h2> 
                    <p>For emergencies or to arrange a quote, call <span style="font-weight:bold; color:red;">999</span>. Or use the form below and we'll get back to you shortly.</p> 
                    <form class="tab"> 
                    <label for="move">Your Name:</label> 
                    <input type="text" name="move"  class="move" /><br /> 
                    <label for="locate">Your Email:</label> 
                    <input type="text" name="locate" class="locate" /><br /> >  
                    <label for="contact">&nbsp;</label> 
                    <a href='#contact' class='contact-submit'>Send!</a><a href="#" class="prepend-1 contact-close">Cancel</a><br /> 
                    </form> 
                </div>
    <div class="content"> 

<div class="span-6 append-1"> 
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra malesuada orci et lacinia. Ut ac augue diam. Fusce vitae felis velit, vitae vulputate libero. Pellentesque in nibh est, tincidunt ullamcorper dolor. Etiam condimentum semper sem a mollis. Cras faucibus, neque vitae egestas imperdiet, tellus lorem rutrum massa, eget ultrices libero purus quis mi. Aliquam erat volutpat. Donec non metus id sapien pulvinar consequat. Praesent ut lectus massa, id viverra orci. In hac habitasse platea dictumst.</p> 
              </div> <!-- END span-6 DIV --> 
              <div class="span-15 append-2 last prepend-bottom box2" style="overflow:hidden;"> 
                <p>Cras viverra placerat luctus. Cras eu elit sit amet lectus pretium egestas id a est. Mauris pretium lacus non eros dapibus at tempus leo condimentum. Quisque a elit non massa mattis pretium vitae eu est. Curabitur vulputate iaculis tellus tincidunt bibendum. Aliquam erat volutpat. Aenean nec viverra augue. Duis ultrices velit sed sapien suscipit eget dictum dolor...

CSS

.module { width: 465px; }
.standalone { margin: 0 0 15px 0; }
.module h2 {
  color: #0773b8;
  font-size: 1.2em;
  font-style: italic;
}
.module h3 {
  color: #0773b8;
  font-size: 1.2em;
  font-style: italic;
}
#sidebar .module {
  margin-bottom: 15px;
  width: 225px;
}
#primary-sidebar .module {
  margin-bottom: 15px;
  width: 225px;
}
.row {
  clear: both;
  width: auto;
  margin-bottom: 15px;
}
.clearfix:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 visibility: hidden;
}

.clearfix
{
 display: inline-block;
}
.compact {
  width: 225px;
  float: left;
  display: inline;
  margin: 0 15px 0 0;
  margin-bottom: 10px;
}
#sidebar .compact {
  margin: 0 15px 15px 0;
  float: none;
  display: block;
}
.compact img {
  width: 205px;
  margin: 0 0 5px;
}
.compact h4 {
  background: url(../../../assets/images/nav-bg-boxes.jpg) repeat-x;
  padding: 10px 10px;
  color: black;
  text-shadow: 0 1px 0 #fffef2;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  margin-bottom: 0.7em;
  font-size: 13px;
}

.compact h4 a{
text-decoration: none;
color: black;
font-weight:bold;
}

.compact h4 a:hover{
color:red;
}

.row .compact .compact-content { min-height: 215px; }
.compact-content {
  background: #C4C4C4 url(../../../assets/images/box-content-bg.png) top left repeat-x;
  padding: 7px 10px 40px;
  position: relative;
}
.compact li { margin-bottom: 0.5em; }
.compact a.button {
  margin: 0 auto;
  text-shadow: 0 -1px 0 #15547c;
}
.compact .action {
  position: absolute;
  bottom: 5px;
}

JavaScript

$('div.contact').hide();//Hide div

$('a.contact-close').click(function(){//If cancel has been clicked, show original content.
        
        $('div.contact').hide('slow', function(){
        ;
            
                $('div.content').show('slow', function(){
                    $('div.boxes').show('slow').delay(700);
                });//END div.content show-slow
                
            });
        });

        //Below is the contact script
        $('div.contact').hide();//Hide div

        $('div.nav a.contact').click(function(){//If Contact has been clicked show Contact div
            $('div.boxes').hide('slow', function(){
                $('div.content').hide('slow', function(){
                    $('div.contact').show('slow');

                });
            });//END Boxes hide
        });