JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.zurb.com/playground/javascripts/plugins/jquery.reveal.js"></script>
<div id="myModal" class="reveal-modal">
     <h1>Modal Title</h1>
     <p>Any content could go in here.
         <a href="#" class="otherClose">other close event</a>        
    </p>
     <a class="close-reveal-modal">&#215;</a>
</div><a href="button" data-reveal-id="myModal">Click Me For A Modal</a>

CSS

/* Place all stylesheet code here */

        body { overflow-x: hidden; }

        div#footer { padding: 0 0 36px; }
        div#siteInfo {margin-top: 0px !important;}

        div#pageHeader h1 { font-size: 45px; margin-bottom: 4px; }
        div#pageHeader p { font-size: 18px; line-height: 24px; margin-right: 25%; margin-bottom: 20px; }
        div#pageHeader p small { font-size: 14px; line-height: 18px; color: #; opacity: .75; }

        p.well { padding: 15px; background: #eaeae8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 1px 8px rgba(0,0,0,.1);
        -webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,.1);
        box-shadow: inset 1px 1px 8px rgba(0,0,0,.1); }

        div.zurb.divider { background-image: url(/playground/playground/osx-dock/zurb-divider.png); }
        ul.recent.photos.playground img { width: 197px; }
        ul.recent.photos.playground h4 { font-size: 14px; }

        #wrapper {
            background: #151515 url(/playground/playground/jquery-modal-plugin/reveal-bg.jpg) no-repeat top center;overflow: hidden;
        }
        #jqueryModalPluginPage div#container {
            min-height: 800px;
        }
        div#header {
            padding: 0 20px 20px;
            margin-bottom: 243px;
            background: #fff;
        }
        div#content {
            background: #fff;
            background: rgba(255,255,255,.9);
            padding: 40px 40px 500px;
        }
        div#container .three.columns {
            width: 260px;
        }

        .footerBG {
            position: absolute;
            display: block;
            bottom: 0;
            left: -500px;
        }

        .ie .footerBG {
            display: none;
        }

    @font-face {
        font-family: 'ChunkFiveRegular';
        src: url('/playground/fonts/Chunkfive-webfont.eot');
        src: url('/playground/fonts/Chunkfive-webfont.woff') format('woff'),...

JavaScript

$('.otherClose').click(function(){
    $('#myModal').trigger('reveal:close')
})