文章/答案/技术大牛

发布

问slideToggle上的jQuery Cookie
EN

Stack Overflow用户

提问于 2013-09-27 17:07:54

回答 1查看 181关注 0票数 0

我有一个导航栏和一个隐藏子导航栏。当我点击Page2时，隐藏的条就会出现(带有slideToggle)。到目前一切尚好。现在，客户端希望，当子导航栏显示时，他再次单击Page3或Page1时，子导航栏将一直显示，直到他再次单击Page2。我知道我需要饼干来做这个。我试着自己做，但没有付出任何努力，因为这是我第一次使用JS cookie。我确信有人知道如何使用这个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：

<style type="text/css">
    *{margin: 0; padding: 0;}
    ul{list-style:none; font: 20px; float: left;}
    ul li{float: left; margin-right: 20px;}
    #sub-nav{font:14px; display: none;}
</style>

jQuery：

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

slidetoggle

jquery-cookie

jquery

回答 1

Stack Overflow用户

发布于 2013-09-27 17:16:36

http://www.sitepoint.com/eat-those-cookies-with-jquery/

http://www.electrictoolbox.com/jquery-cookies/

使用jQuery设置cookie就像这样简单，创建一个名为"example“的cookie，当前路径的值为"foo”：

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

正在删除此cookie

$.removeCookie("example");

阅读cookie

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19046900

复制

相似问题

问slideToggle上的jQuery Cookie
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问slideToggle上的jQuery CookieEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问slideToggle上的jQuery Cookie
EN