JSFiddle - React, Tailwind, and code Playground

by dmethvin

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;}
#small2 {width: 50px; height: 50px; background-color: green;}

JavaScript

// #5033 (ie8)

jQuery(document).ready(function(){
    jQuery('#link').click(function(){
        jQuery('#big').fadeTo(500, '0.35');
    });
});