JSFiddle - React, Tailwind, and code Playground

by wookiehangover

HTML

<div id="container">
<a href="http://s3.amazonaws.com/gif.ly/gifs/508/original.gif?1295159453" id="blah">hover over me</a>
</div>

CSS

#blah { float:left; }

JavaScript

$('#blah').mouseover(function(){

    var $this = $(this),
        target = $('.whatever');
    
    if( target.length === 0 ){
        $('<img>', { 
            src: $this.attr('href'), 
            style: 'display:none',
            class: 'whatever'
        }).appendTo('#container').fadeIn();
    } else {
        if( target.is('visible') ){
            target.fadeIn();
        } else {
            target.fadeOut();
        }
    }
})