JSFiddle - React, Tailwind, and code Playground

by rkw79

HTML

<div id="rabbit" class='rabbit1'>
    DIV
</div>

CSS

#rabbit {
    width: 200px; height: 150px;
    border: 1px solid gray;
}

.rabbit1 {
    background: url(http://i.imgur.com/fd3fo.jpg);
}
.rabbit2 {
    background: url(http://i.imgur.com/SHknQ.jpg);
}
.rabbit3 {
    background: url(http://i.imgur.com/Utel1.jpg);
}

JavaScript

$('div').click().toggle(
    function() {$(this).attr('class','rabbit2')},
    function() {$(this).attr('class','rabbit3')},
    function() {$(this).attr('class','rabbit1')}
)