JSFiddle - React, Tailwind, and code Playground

by Ashish Sharma

HTML

<div class='xeemc'>
        <table align='center' cellpadding='0' cellspacing='0' style='border-collapse:collapse;' width='100%'><tr><td style='text-align:right' width='40px'><img height='50px' src='http://lh6.googleusercontent.com/-I2n8WGCe65U/AAAAAAAAAAI/AAAAAAAAAAA/V9P-0Q9edMI/s96-c/photo.jpg' width='50px'/></td><td style='text-align:left'>
   <h3>&#169;<a href='http://www.facebook.com/xeemez.ashu' target='_blank'>XeeMez Ashu</a></h3></td><td width='24px'/><td style='text-align:right'><h3>&#9650; </h3></td><td width='52px'><a href='#'><img height='50px' src='http://us.cdn2.123rf.com/168nwm/natis76/natis761305/natis76130500485/19713172-blue-up-arrow.jpg' width='50px'/></a></td><td style='text-align:left'><h3> &#9650;</h3></td><td style='text-align:right'></td></tr>
 </table></div>

CSS

#xeemc{
    width:100%;
    padding:6px 0px;
    background-color:black;
    color:white
}

JavaScript

$(".xeemc img").css("display","none");
$(".xeemc").hover(function(){
    $(".xeemc img").css("display","inline")
},function(){$(".xeemc img").css("display","none");});