JSFiddle - React, Tailwind, and code Playground

by kamaz6141

HTML

<div class="mainnews">
    <header>Title</header>
    <article class="block"><img src="http://s.stdns.ru/up/description/cache/price_item_full/122475_0.1321131122.jpg" width="200" /></article>
    <div class="drop" style="display:none;background:red;position:absolute">
jhgfsfjksdjfdfashfjhf
</div>
</div>

CSS

.mainnews{border:3px solid grey;padding:5px;width:220px;margin:30px 0 0 30px}

header{background:grey;text-align:center;padding:5px 0}

img{margin-top:10px}

JavaScript

$('.block').hover(function(){
    $('.drop').stop(true,true).show("slide");
  },function(){
    $('.drop').stop(true,true).hide("slide");
});