JSFiddle - React, Tailwind, and code Playground

HTML

<li class="liwithdivider col-md-2 col-sm-2 active_class" style="background-image:none" id="toggleme">
     <p class="this1"> <img class="img-responsive header_li_image" style="display: inline; position: relative;" src="http://www.daru-koi.com/images/winkelwagen.png">
     <span id="cartitems">
1 item      </span>
   </p>
    </li>

CSS

.active_class{

  margin-left:2px;
  background-repeat:no-repeat;
  background-size:365px;
  color:#bdc746;
    list-style: none;
  background-image : url("http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons-256/simple-red-glossy-icons-business/086707-simple-red-glossy-icon-business-cart5.png");
    list-style: none;
}


.this1{
  background-color: #fff;
  margin-left:2px;
  border-image: url("/assets/btn-border-yellow.png");
  background-repeat:no-repeat;
  background-size:365px;
  color:#000;list-style: none;
    
}

JavaScript

$(document).ready(function() {
    $('#toggleme').click(function() {
         $(this).toggleClass('active_class');
    });
});