JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>

CSS

.yui3-skin-sam .yui3-button-hidden {
    -webkit-transition: opacity 0.25s;
    opacity: 0;
    pointer-events: none;
}

JavaScript

/*my problem with tabview is that if it contains widgets I always must render the tab view AFTER all the other widgets. This is not alwais desired....*/

YUI().use("button", function(Y){
    Y.one('body').addClass("yui3-skin-sam")
    
    var widget = new Y.Button({label: "target widget"});     
    widget.render(Y.one("body"));

    widget.on('click', function() {
        widget.hide();         
        
        setTimeout(function() { widget.show() }, 1000);
    });

    
});