JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://stilbuero.de/jquery/cookie/jquery.cookie.js"></script>
<input type="submit"/>
<div/>

CSS

div {
    width: 200px;
    height: 200px;
    background-color: #ffe;
    border: 1px solid black;
}

JavaScript

$(document).ready(function(){
    getCookie();

    $("input").click(function(){
        $("div").slideToggle("fast", setCookie);
    });
});
                  
function setCookie() {
    if ($("div").height() < 200)
        $.cookie('slid', '0', { path: '/', expires: 10 }); 
    else
        $.cookie('slid', '1', { path: '/', expires: 10 });
}

function getCookie() {
    if ($.cookie('slid') == '0' || $.cookie('slid') == null)
        $("div").slideDown();
    else
        $("div").slideUp();
}