colorbox close

by Austin Crane

HTML

<script src="http://liveatmonarch.com/bw/wp-content/themes/liveatmonarch/js/colorbox.js"></script>
<link rel="stylesheet" href="http://liveatmonarch.com/bw/wp-content/themes/liveatmonarch/style-colorbox.css">
<link rel="stylesheet" href="http://liveatmonarch.com/bw/wp-content/themes/liveatmonarch/style.css">
<div class="floorplan1 "> <a class='inline' href="#floorplan1">
        <div class="floorplan blocks">
            
                <img src="http://liveatmonarch.com/bw/wp-content/uploads/2014/09/floorplan-2-bed-824-1024x852.png" alt="" title="floorplan-2-bed-824" />
            
        </div><!-- floor plan -->
        <div class="clear"></div>
        <div class="plan-details"><span class="plus">+</span> Details</div>
        </a>

</div>
<!-- floor plan 1 -->
<!-- Pop up ___________________________________ -->
<div style='display:none'>
    <div id='floorplan1' style='padding:10px; background:#fff;'>
        <div class="pop-descr">
            <div class="entry-content">
                 <h2>Luxury 2 Bedroom Floorplan A</h2>

                <div class="pop-subtitle">2BD/2BD | 824 SQUARE FEET</div>
                <!-- popup subtitle -->
            </div>
            <!-- entry content -->
            <div class="lightboxtext">
                <p>Monarch offers LUXURY two and four bedroom apartments with a variety of different options that are designed to make your living experience EPIC. From your private balcony, you can chose to overlook the pool, volleyball courts, hammock gardens or the many other beautiful sections of our unique community!</p>
                <p>Each professionally designed room has its own bathroom, walk-in closet and fully furnished space. Share your furnished common area with your roommates and create MEMORIES that will last you a lifetime. We’ve thought of EVERYTHING, making it easy for you to simply walk in and feel right at home!</p>
            </div>
            <!-- lightbox text -->
        </div>
        <!-- pop descr...

JavaScript

$(window).load(function () {
    
$(".inline").colorbox({inline:true, width:"80%"});

$(".gallery").colorbox({rel:'gallery'});

$('.closecolorbox a').click(function(){
     $.colorbox.close();
 });
    
    
});