JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<style>

</style>
<script type="text/javascript">
$(document).ready(function() {
    $("#btn1").click(function() {
        $("#img1").fadeIn(1000);
    fadeOut(1000);
        return false
    ;
    });
});
    
    
</script>
    
    <script type="text/javascript">
$(document).ready(function() {
    $("#btn2").click(function() {
        $("#img2").fadeIn(1000);
        return false;
    });
});
    
    
</script>
</head>

<body>
<div id="img1" style=" z-index:1; display:none; width:200px; height:200px; background:url(http://t3.gstatic.com/images?q=tbn:ANd9GcQidl6KX2jRWNeCA6jT_TjWG7NlI3aRiB_AcDsA9Y5owS2cr9G6) no-repeat"></div>
<a id="btn1" href="" style="position:relative; z-index:		2; color:red; font-weight:bold">Clsxxsxsshow</a>
    
    <div id="img2" style=" margin-left:20px;z-index:1; display:none; width:200px; height:200px; background:url(http://t3.gstatic.com/images?q=tbn:ANd9GcQidl6KX2jRWNeCA6jT_TjWG7NlI3aRiB_AcDsA9Y5owS2cr9G6) no-repeat"></div>
<a id="btn2" href="" style="margin-left:20px;position:relative; z-index:		2; color:red; font-weight:bold">Clsxxsxsshow</a>


</body>
</html>