JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<a href="#" onClick="look('div1');return false;">
    <font color="69baa7">
        <b>Показать/скрыть (ЧАТ)</b>
    </font>
</a>

<div id="div1" style="display:none">$CHAT_BOX$</div>

JavaScript

function setCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    } else var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
}

function eraseCookie(name) {
    setCookie(name, "", -1);
};
// Урок по кукам предоставлен Apocalypse (c) 2012 год 

function look(type) {
    if(getCookie('on')) {
        eraseCookie('on');
        $('#' + type).slideUp();
    }
    else
    {
        setCookie('on', 1, 365);
        $('#' + type).slideDown();
    }
}

$(document).ready(function() {
    $('#mchatIfm2').css('height', '100');
    if(getCookie('on')) {
        $('#div1').slideDown();
    }
});