mantener div oculto con cookies

[memoadian]

saludos sigo con mis intentos frustrados de javascript (esto con jquery es lo más pan del mundo) y quiero manejar cookies para que el usuario al dar ocultar un div se mantenga así hasta que expire la cookie;

bueno uso este script que crea la variable Cookies (esto solo como apoyo).

Código Javascript:

<script type="text/javascript">
var Cookies = {
    init: function () {
        var allCookies = document.cookie.split('; ');
        for (var i=0;i<allCookies.length;i++) {
            var cookiePair = allCookies[i].split('=');
            this[cookiePair[0]] = cookiePair[1];
        }
    },
    create: function (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=/";
        this[name] = value;
    },
    erase: function (name) {
        this.create(name,'',-1);
        this[name] = undefined;
    }
};
<script>
 

estas 3 funciones simplifican el hecho de crear leer y borrar las cookies creadas todo ok

Código Javascript:

<script type="text/javascript">
<!--
function saveIt(name, value) {
    Cookies.create(name,value,100);
}
 
function readIt(name) {
    document.getElementById("estado").innerHTML = 'El valor de la cookie es ' + Cookies[name];
}
 
function eraseIt(name) {
    Cookies.erase(name);
}
// -->
</script>
 

con esta funcion oculto y muestro el div

Código Javascript:

function mostrar_ocultar(dcodigo) {
    if ((document.getElementById(dcodigo).style.display) == 'block') {
        document.getElementById(dcodigo).style.display = 'none';
        cambiarTexto(dcodigo,'mostrar') ;// Texto para cuando la capa esté oculta
        saveIt('statdiv', 'none');
        document.getElementById("estado").innerHTML = 'El valor de la cookie es ' + Cookies['statdiv'];
    }else{
        document.getElementById(dcodigo).style.display = 'block';
        cambiarTexto(dcodigo,"ocultar"); // Texto para cuando la capa esté visible
        saveIt('statdiv', 'block');
        document.getElementById("estado").innerHTML = 'El valor de la cookie es ' + Cookies['statdiv'];
    }
}
 

perdón por tanto código, pero puede que a alguien le sirva para sus fines

mi problema es que cuando oculto y muestro el div creo las cookies, pero si le doy a mi script de leer las ccokies fuera de la función me muestra undefined, solo la lee cuando se ejecuta dentro de la funcion

gracias a cualquiera que se tome la molestia de ayudarme y de leer todo esto

[memoadian]

este es el código html que uso

Código HTML:

<span class="oculto" onclick="mostrar_ocultar('oculto');">ocultar</span>
        <div id="oculto" style="display:block">
            Hola
        </div>
        <div id="estado"></div>
        <script type="text/javascript">
            document.getElementById("estado").innerHTML = 'El valor de la cookie es ' + Cookies['statdiv'];
        </script>