JSFiddle - React, Tailwind, and code Playground

by s4ty

HTML

<div id="toggle">toggle</div>
<div id="box"></div>

CSS

#box{ width: 100px; height: 100px; background: #000;}
#toggle { 
    width: 200px;
    height: 50px;
    color: #fff;
    background: url('http://s4ty-testarea.s4.ohost.de/jQuery-board/images/001.jpg')
}
#toggle:hover { cursor: pointer; }

JavaScript

$(function(){
    $('#toggle').toggle(
        function (){
            $(this).css({background: 'url(http://s4ty-testarea.s4.ohost.de/jQuery-board/images/005.jpg)'})
            $('#box').stop(true, false).animate({height: '+=100px'})
            
            return false;
        },
        function (){
            $(this).css({background: 'url(http://s4ty-testarea.s4.ohost.de/jQuery-board/images/001.jpg)'})
            $('#box').stop(true, false).animate({height: '-=100px'})
                
            return false;
        }
    )     
})