JSFiddle - React, Tailwind, and code Playground

HTML

<div class="billede_wrap">    
   <div style="position:absolute; width: 180px;">
       <img src="http://www.xn--nstvedhandel-6cb.dk/alpha_1/images/ny_annonce.png" alt="" />
    </div>
    <img src="http://www.xn--nstvedhandel-6cb.dk/alpha_1/annonce_billeder/1343255097.jpeg" alt="" style="width: 180px; max-height: 300px;" />
    <div class="retslet">
            <div class="retsletbillede" style="float:left;">
                <img src="http://www.xn--nstvedhandel-6cb.dk/alpha_1/images/rediger_hvid.png" alt="" />
            </div>
            <div class="retsletbillede" style="float:right;">
                <img src="http://www.xn--nstvedhandel-6cb.dk/alpha_1/images/slet_hvid.png" alt="" />
            </div>
    </div>
</div>

CSS

.billede_wrap {
    width: 180px;
    height: 100%;
}

.retslet {
    width: 180px;
    height: 20px;
    background-color: #202020;
    margin-top: -20px;
    opacity:0.8;
    filter:alpha(opacity=80);
}

.retsletbillede {
    margin: 5px;
    font-size: 10px;
    color: white;
    font-weight: bold;
    font-family: verdana;
}

JavaScript

$(document).ready(function(){
    $('.retslet').hide();

    $('.billede_wrap').mouseenter(function(){
        $('.retslet').slideDown("fast");
    });

    $('.billede_wrap').mouseout(function(){
        $('.retslet').slideUp("fast");
    });
});