Setting up 24 cookies using javascript not working

I have a slider that auto-show when a webpage is loaded. I want slider to not show-up for 24 hours when clicked Close. I do css designing, i am not javascript expert. But, somehow, i have managed to get this done by searching stackoverflow and google.

Last thing i am not able to get done is cookies. In webpage i have before closing body tag. Below is my code.....

<button id="toggle" onclick="myFunction()" href="JavaScript:void(0)" class="button4">Close</button>
<script>var $slider = document.getElementById('slider');
var $toggle = document.getElementById('toggle');

$toggle.addEventListener('click', function() {
var isOpen = $slider.classList.contains('slide-in');

$slider.setAttribute('class', isOpen ? 'slide-out' : 'slide-in');
});

function myFunction() {
            var change = document.getElementById("toggle");
            if (change.innerHTML == "Close")
            {
                change.innerHTML = "Before After Result";
            }
            else {
                change.innerHTML = "Close";
            }
        }

$(document).ready(function() {


if (!readCookie('hide')) {
$('.slide-in').show();
}

$('.button4').click(function() {
$('.slide-in').hide();
createCookie('hide', true, 1)
return false;
});

});


function createCookie(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 readCookie(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) {
createCookie(name,"",-1);
}
</script>