JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Click Me</a>
<div></div>

CSS

div {
    opacity : 0;
    width   : 100px;
    height  : 100px;
    background : gold;
}

JavaScript

$('a').on('click', function () {
    var myTransition = ($.browser.webkit)  ? '-webkit-transition' :
                       ($.browser.mozilla) ? '-moz-transition' : 
                       ($.browser.msie)    ? '-ms-transition' :
                       ($.browser.opera)   ? '-o-transition' : 'transition',
        myCSSObj     = { opacity : 1 };

    myCSSObj[myTransition] = 'opacity 1s ease-in-out';
    $(this).next().css(myCSSObj);
});