我有一个导航栏和一个隐藏的子导航栏。 当我点击Page2时,隐藏的栏会显示出来(使用slideToggle)。 到现在为止还挺好。现在客户想要,当子导航时 显示栏,然后再点击Page3或Page1 子导航栏一直显示,直到再次点击Page2。 我知道我需要饼干。我试图通过它 我自己却没有努力,因为这是第一次 我使用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:
<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>
答案 0 :(得分:0)
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