JSFiddle - React, Tailwind, and code Playground

by osman rahimi

HTML

<a href="#"><div id="equipment" class="flash"> </div></a>

CSS

#equipment {

float: right;
margin-right: 30px;
width: 55px;
height: 81px;

 }
   .flash {


background: url('http://hozhan.ir/statics/img/optimi.png');
background-size: 55px 81px;
background-repeat: no-repeat;
     }


.flashOn {

background: url('http://hozhan.ir/statics/img/design.png') no-repeat scroll;
background-size: 55px 81px;

font-size: 20px;


     }

JavaScript

$('#equipment').click(function(){

 $('#equipment').toggleClass('flashOn flash');

 });