JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    
    <div class="main">
        
        <div class="plainview views" style="opacity: 1; ">
            <div class="logo-plainview"></div>
            <a href="#"><strong><em>Plainview</em></strong></a>
            <p>1137 Old Country Road • Plainview, New York 11803</p>
            <p class="number">(516) 938-0800</p>
        </div>
        
            

        <div class="merrick views" style="opacity: 1; ">
            <div class="logo-merrick"></div>
            <a href="#"><strong><em>Merrick</em></strong></a>
            <p>2191 Merrick Road • Merrick, New York 11566</p>
            <p class="number">(516) 546-2500</p>            
        </div>

        
        
        <div class="melville views" style="opacity: 1; ">
            <div class="logo-melville"></div>
            <a href="#"><strong><em>Melville</em></strong></a>
            <p>512 Walt Whitman Road • Melville, NY 11747</p>
            <p class="number">(631) 425-0500</p>            
        </div>

    
    </div><!-- close main -->

</div><!-- Close wrapper -->

<div class="clr"></div>
<div class="slogan"></div>
<div class="copy">2011 © LaPiazza. All rights reserved. Design by <a href="http://www.messtudios.com" title="website created by MESstudios" target="_blank">MES</a>.</div>

CSS

/* 
Theme Name: LaPiazza
Theme URI: http://www.lapiazzaonline.com
Description: This theme was created by Owen Piccirillo for La Piazza.
Version: 1.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com
*/

/* Main and Reset
---------------------------------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
a:link, a:visited, a:hover, a.selected { color:#ccc; text-decoration:none;}

.left {float:left;}
.right {float:right;}

body { 
    font:13px Arial, Helvetica, sans-serif;
    background:url(https://thumb10.shutterstock.com/thumb_large/172795/172795,1281714506,3/stock-vector-design-wordcloud-58969048.jpg) repeat-x top center #fff;
}
p { padding-bottom:10px;}

.wrapper {
    width:960px;
    margin:0 auto;
}

.main {
    position:relative;
    height:777px;
}

.plainview {
    width:316px;
    position:absolute;
    top:0;
    left:0;
}
.logo-plainview {
    background:url(http://www.lapiazzaonline.com/owen/images/logo-plainview.png) no-repeat;
    height:124px;
    width:289px;
    position:absolute;
    top:18px;
    left:15px;
}
.plainview strong {
    background:url(http://www.lapiazzaonline.com/owen/images/plainview.jpg) no-repeat;
    height:474px;
    width:316px;
    position:absolute;
    top:166px;
    left:0;
    display: block;
}
.plainview strong em {
    background:url(http://www.lapiazzaonline.com/owen/images/s-plainview.png) no-repeat;
    height:164px;
    width:233px;
    position:absolute;
    bottom: -30px;
    left:43px;
    display: block;
    text-indent: -9999px;
}
.plainview p{
    width:316px;
    position:absolute;
    top:675px;
    left:0;
    text-align:center;
    color:#CCC;
    font-size:11px;
}





.merrick {
    width:316px;
    position:absolute;
    top:0;
    left:322px;
}
.logo-merrick {
    background:url(http://www.lapiazzaonline.com/owen/images/logo-merrick.png) no-repeat;
    height:124px;
   ...

JavaScript

$(function() {
    $(".views strong").hover(
        function() {
            $(this).find('em').animate({'bottom':'0px'}, 200).end().closest('div').siblings().fadeTo(600, .2);
        },
        function() {
            $(this).find('em').animate({'bottom':'-30px'}, 200).end().closest('div').siblings().fadeTo(0, 1);
        }
    ); 
});