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

// так можно установить новые кукисы или переписать значения у уже существующих:
$.cookie('cookie_name', 'cookie_value');
// получить значение существующих кукисов можно так:
$.cookie('cookie_name');
// если запрашиваемых кукисов не существует, то эта функция вернет null
// а так можно удалить кукисы
$.cookie('cookie_name', null);

$('#test').click(function(){
$('#result').toggleClass('active');
});