Setcookie

Bonjour,
j'ai mis en place un slider, avec un div (#nav_slider) pour pouvoir masquer le slider et donner la priorité au contenu texte de la page.
Le souci est que le système de cookie que j'ai mis en place ne fonctionne. (J'ai bien chargé jquery et jquery.cookie)
Merci

<div id="slider">
    <img src="..." alt=""/>
    <img src="..." alt=""/>
    <img src="..." alt=""/>
</div>
<div id="nav_slider"><span class="up"></span></div>
$(function(){
    $("#slider").cycle({
        fx: 'fade',
        timeout: 2000
    });

    if($.cookie("cookieSlider")==1){
        $("#slider").show();
    }else{
        $("#slider").hide();
    }
    $("#nav_slider").click(function(){
        $("#slider").slideToggle();
        $("#nav_slider span").toggleClass('down');
        if($("#nav_slider span").attr("class") == "up"){
            $.cookie("cookieSlider",null);
            $.cookie("cookieSlider",1);
        }else{
            $.cookie("cookieSlider",null);
            $.cookie("cookieSlider",0);
        }
    });
});