JSFiddle - React, Tailwind, and code Playground

by mbarinov

HTML

<div id="logo">    
    <a href="#">
        <img id="first" src="http://dl.dropbox.com/u/3935026/logo.png">
        <img id="second" src="http://dl.dropbox.com/u/3935026/logo-1.png">
    </a>
</div>

CSS

div#logo #second {
    display:none;
}

JavaScript

$(function() {
    $('#logo img').mouseover(function() {
        $(this).fadeOut("slow", function() {
            $("#second").show();
        });    
    });
    $("#logo img").mouseout(function() {
        $("#first").fadeIn("slow");
    });
});