JSFiddle - React, Tailwind, and code Playground

by robert_schutt

HTML

<ul>
    <li id="country">country</li>
    <li id="game">game</li>
    <li id="drink">drink</li>
</ul>

CSS

ul {
    background-color: white;
    list-style: none;
}
li {
    color: orange;
    cursor: pointer;
    float: left;
    padding: 6px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

JavaScript

$( "#country,#game,#drink" ).click(function(e){
          //e.preventDefault();
          $( "#country,#game,#drink" ).css( "background-color", "white" );
		  $(this).css( "background-color", "blue" );
	});