JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<script src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
<button>Click</button>

<div>div</div>

CSS

div { color: red; }
.active { color: green; }

JavaScript

var adminBar_cookie = $.cookie('adminBarCookie'),
    button = $('button'),
    div = button.next('div'),
    myClass = 'active';

if ( adminBar_cookie ) {
    
  div[ adminBar_cookie ]( myClass );
      
};

$('button').on("click", function(){
    
  div.toggleClass( myClass );
    
  var add_or_remove = div.hasClass( myClass) ? 'addClass' : 'removeClass';
  $.cookie('adminBarCookie', add_or_remove );
      
});