JSFiddle - React, Tailwind, and code Playground

by trolleymusic

HTML

<a href="http://google.com" class="hello duck">Hello</a>

CSS

.hello {
        height: 500px;
    line-height:100px;
       display: block;
    background: brown;
    color: blue;
    text-align: center;
}

.hello.duck {
background: url("http://farm9.staticflickr.com/8398/8701240517_f4f90677fb_z_d.jpg") no-repeat;
}

JavaScript

$('.hello').on('click', function (e){
    e.preventDefault();
    $(this).toggleClass('duck');
})