JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://leanmodal.finelysliced.com.au/js/jquery.leanModal.min.js"></script>
<a rel="modal" href="#test">fesg</a>
<div id="test" class="modal_window">
    example
<a class="modal_close" href="#"></a>
</div>

CSS

#lean_overlay {     
    position: fixed;    
    z-index:100;   
    top: 0px;   
    left: 0px;   
    height:100%;   
    width:100%;    
    background: #000;  
    display: none; 
}

#test {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 30px;
    width: 300px;
}
.modal_close {
    background: url("http://leanmodal.finelysliced.com.au/img/modal_close.png") repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 14px;
    z-index: 2;
}

JavaScript

(function($){
    $('a[rel*=modal]').leanModal({ top : 200, overlay : 0.4, closeButton: ".modal_close" });
    $('a[rel*=modal]').click();
})(jQuery);