JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<script src="http://jquery.page2page.ru/ui/jquery.cookie.js"></script>
<p>Задача сохранить текущий класс при помощи cookie</p>
<hr>
<button id="test">Добавить класс</button>
<div id="result"></div>

CSS

#result {
    position:absolute;
    top:50%;
    left:50%;
    margin:-100px 0 0 -150px;
    width:300px;
    height:200px;
    background:#ccc;
}
.active {
    background:red !important;
}

JavaScript

$('#result').addClass($.cookie('cls'))
$('#test').click(function(){
$('#result').toggleClass('active');
$.cookie('cls', $('#result').is('.active') ? "active" : "");
});