JSFiddle - React, Tailwind, and code Playground

HTML

<script type='text/javascript' src='http://www.ericmmartin.com/wordpress/wp-content/plugins/simplemodal-login/js/jquery.simplemodal.js?ver=1.4.2'></script>
<li class="test"><div id='basic-modal'><a href="#" class='basic3'>Click to Open</a></div></li>
<div id="content-report">ffdssfd</div>

CSS

#content-report {display:none; width: 400px; height: 200px; background-color: #e1e1e1;}
/* Overlay */
#simplemodal-overlay {background-color:#2e2e2e;}

/* Container */
#simplemodal-container { 
    border-top: 3px solid #85BC77;    



}

JavaScript

jQuery(function ($) {
    // Load dialog on click
    $('.basic3').click(function (e) {
        
        $("#content-report").modal({
                overlayClose: true,
                opacity: 45,
                position: [98],
                onOpen: function (dialog) {
                    dialog.overlay.fadeIn('slow', function () {
                        dialog.data.show();
                        dialog.container.fadeIn('slow');
                    });
                }
        });
    
    
    });
});