JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<a href="#" id="fadeIn">Bring div back</a>

CSS

div {
    background-color:#000;
    color:#fff;
}

#div1 {
    filter:alpha(opacity=45); 
    -moz-opacity:0.45;
    -khtml-opacity:0.45;
    opacity:0.45;
}

#div1:hover { 
    filter:alpha(opacity=100); 
    -moz-opacity:1; 
    -khtml-opacity:1; 
    opacity: 1;
}

JavaScript

$('#div1').click(function() {
    $(this).animate({opacity:0},500);
});

$('#fadeIn').click(function() {
    $('#div1').css({opacity:''});
    return false;
});