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 );
    
  if ( adminBar_cookie === active ) {
      
      $.cookie('adminBarCookie', 'addClass');
        
  } 
  else {

      $.cookie('adminBarCookie', 'removeClass');
        
  }
      
});