这里我的HTML
<!-- this is my link -->
<a href='javascript:void(0);' class='show_hide'>Show Hide</a>
<!-- This is my show hide content -->
<div class='slidingDiv'> ..................Here my content...............</div>
我是 Jquery 初学者。我只是尝试构建一个滑动条。我parent().next()
在我的slideToggle()
功能中使用。因为我需要为每个DIV
. 所以我写了这段代码....
$(".show_hide").show();
$(".slidingDiv").hide();
$('.show_hide').click(function () {
$(this).parent().next().slideToggle();
});
这段代码运行良好。但现在我的问题是刷新后我需要 cookie 来休息。我写这段代码
var cook= $.cookie('showdiv');
if(cook=='true')
$(".slidingDiv").show();
else
$(".slidingDiv").hide();
$('.show_hide').on('click', function()
{
$(this).parent().next().slideToggle('normal', function(){
$.cookie('showdiv', $(this).is(':visible'));
});
});
但是cookie不起作用。请注意,我确定我已成功安装 jquery cookie 插件。