JSFiddle - React, Tailwind, and code Playground
HTML
<button>Make it disappear</button>
<div id="well"></div>
CSS
#well {
height: 40px;
background: red;
}
.disappear {
opacity: .2;
}
JavaScript
$(function () {
var setClass = JSON.parse(localStorage.getItem('setClass')) || {};
if (setClass) {
$.each(setClass, function () {
$(this.selector).addClass(this.className);
});
}
var addClassToLocalStorage = function(selector, className) {
setClass[selector + ':' + className] = {
selector: selector,
className: className
};
localStorage.setItem('setClass', JSON.stringify(setClass));
};
var removeClassFromLocalStorage = function(selector, className) {
delete setClass[selector + ':' + className];
localStorage.setItem('setClass', JSON.stringify(setClass));
};
$('button').on('click', function () {
$("#well").fadeOut();
$("#well").addClass("disappear");
addClassToLocalStorage('#well', 'disappear');
})
});