JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wypWedkarskie content">
    <ul>
        <li>
            <a href="#">
                <img src="http://www.odyseo.pl/przewodniki/szwecja/flaga_szwecja.jpg" width="60px" height="40px" />
                SZWECJA
            </a>
        </li> 
        <li class="zdjecie">
            <img src="http://www.photos.a-vsp.com/fotodb/23_wisla_river_night.jpg" />
        </li> 
        <li>
            <a href="#">
                <img src="http://www.chemadin-export.pl/images/flaga_norwegia.png" width="60px" height="40px" />
                NORWEGIA
            </a>
        </li> 
        <li class="zdjecie">
            <img src="http://www.photos.a-vsp.com/fotodb/23_wisla_river_night.jpg " />
        </li>
    </ul>
</div>

CSS

.content {
    border: 1px black solid;
    padding: 25px;
}

.active {
    background-color: yellow;
}

JavaScript

$(".wypWedkarskie li").filter(":odd").hide().end().filter(":even").hover(

function() {
    var obj = $(this);
    var nextObj = obj.next();

    obj.toggleClass("active");
    setTimeout(function() {
        nextObj.slideToggle();
    }, 2000);
});