JSFiddle - React, Tailwind, and code Playground

by rpflorence

HTML

<div id="big">
      <div id="small1"></div>
      <div id="small2"></div>
</div>
<div><a href="#" id="link" title="click me">click me</a></div>

CSS

#big {width: 200px; height: 200px; border: 1px solid black; position: absolute; top: 100px;}
#small1 {width: 50px; height: 50px; background-color: red; position: relative;

/* need this */ 
filter: inherit;
    
}
#small2 {width: 50px; height: 50px; background-color: green;}

JavaScript

// #5033 (ie8)
jQuery('#link').click(function(){
    jQuery('#big').fadeTo(500, '0.35', function() {
        console.log($(this).attr('style'));
    })
});