滑动切换上的jQuery Cookie_Jquery_Slidetoggle_Jquery Cookie

滑动切换上的jQuery Cookie

jquery

滑动切换上的jQuery Cookie,jquery,slidetoggle,jquery-cookie,Jquery,Slidetoggle,Jquery Cookie,我有一个导航栏和一个隐藏的子导航栏。当我点击第2页时，隐藏条显示出来（带有滑动切换）。到现在为止，一直都还不错。现在客户端需要，当子导航显示条，然后他再次单击第3页或第1页子导航栏一直显示，直到他再次单击第2页。我知道我需要饼干。我已经试过了我自己却毫不费力，因为这是第一次我和JS cookies一起工作。我相信有人知道怎么做 jQuery脚本 <head> <script src="http://ajax.googleapis.com/ajax/libs/jqu

我有一个导航栏和一个隐藏的子导航栏。当我点击第2页时，隐藏条显示出来（带有滑动切换）。到现在为止，一直都还不错。现在客户端需要，当子导航显示条，然后他再次单击第3页或第1页子导航栏一直显示，直到他再次单击第2页。我知道我需要饼干。我已经试过了我自己却毫不费力，因为这是第一次我和JS cookies一起工作。我相信有人知道怎么做 jQuery脚本

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="https://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js"></script>
</head>
<body>
<nav>
    <ul>
        <li><a href="index.html">Page1</a></li>
        <li id="item"><a href="#">Page2</a></li>
        <li><a href="page3.html">Page3</a></li>
    </ul>
</nav>
<br /><br />
<ul id="sub-nav">
    <li><a href="#">Subpage1</a></li>
    <li><a href="#">Subpage2</a></li>
    <li><a href="#">Subpage3</a></li>
</ul>
</body>

CSS:


*{边距：0；填充：0；}
ul{列表样式：无；字体：20px；浮点：左；}
ul li{浮点：左；边距右：20px；}
#子导航{字体：14px；显示：无；}

jQuery：

<script type="text/javascript">
    $(document).ready(function(){
        $('#item').click(function(){
            $('#sub-nav').slideToggle('fast');          
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#项”）。单击（函数（）{
$（'子导航'）.slideToggle（'快速'）；
});
});

使用jQuery设置cookie非常简单，其中创建了一个cookie，称为“示例”，当前路径的值为“foo”：

$.cookie("example", "foo");

删除此cookie

$.removeCookie("example");

读饼干

$.cookie("example",  { path: '/' });//you might change the path here

$.cookie("example",  { path: '/' });//you might change the path here