JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="launch">Click me</a>

<div class="lb hide">
        <div class="lbc">test</div>
        <span class="closeBtn">Close</span>
    </div>

<div id="lb" class="hide">
        <div class="lbc">test</div>
        <span class="closeBtn">Close</span>
    </div>

 <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojo/dojo.js" data-dojo-config="async:true"></script>

CSS

.lb {
    width:100px;
    height:100px;
    background-color:#ff0000;
}

#lb{
    width:100px;
    height:100px;
    background-color:#ff0000;
}

.hide{
    display:none;
}

JavaScript

require(['dojo/dom', 'dojo/dom-class', 'dojo/_base/window', 'dojo/dom-construct', 'dojo/_base/fx', 'dojo/query', 'dojo/mouse', 'dojo/dom-attr', 'dojo/on', 'dojo/_base/lang', 'dojo/NodeList-dom', 'dojo/domReady!'],
    function (dom, domClass, win, domConstruct, fx, query, mouse, domAttr, on, lang) {
        
        var lnkToLaunchLb = query('.launch');
        
       
        
        on(lnkToLaunchLb, 'click', function (evt) {
                    query('#lb').removeClass('hide');
                   query('.').removeClass('hide');
        });

    }
);