JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<button class="buttonpf">Click</button>

<button class="buttonpf">Click</button>

<button class="buttonpf">Click</button>

CSS

.clicked {
    background: url('https://appconnect.cdxlife.com/webapp/assets/images/select_button-ON.png') no-repeat top left;
      background-size: 197px 200px;
      width: 200px;
      height: 200px;
      color:#fff;
}

 .buttonpf {
      border:none;
      background: url('https://appconnect.cdxlife.com/webapp/assets/images/select_button-OFF.png') no-repeat top left;
      background-size: 197px 200px;
      width: 200px;
      height: 200px
    }

JavaScript

$('.buttonpf').click(function(){
    $('.buttonpf').not(this).removeClass('clicked');
    $(this).toggleClass('clicked');
});