JSFiddle - React, Tailwind, and code Playground

by Toby Neilan

HTML

<div class="box"</div>

CSS

.red {
  background: red;
}

JavaScript

$( ".box" ).hover(
  function() {
  
  	$("body").removeClass("red");
    $("body").removeClass("blue");
    
    var category = $(this).attr("demo");
    
    if (category == 1) {
      $("body").addClass("red");
	  }
    
    if (category == 2) {
   		$("body").addClass("blue");
	  }
    
  }
);