如何使用一个.fadeToggle()使cookie在on和off状态之间切换;功能

时间:2016-02-29 06:08:46

标签: jquery cookies

我写了这段代码:

$("#tiger-panel-discuss").click(function(e) {
            e.preventDefault();
            $("#tiger-content").fadeToggle();
            $("#tiger-io").fadeToggle();
            $.cookie("tiger-content", "active");
            return false;
        });

        if ($.cookie("tiger-content") == "active") {
            $("#tiger-io").hide();
            $("#tiger-io-ru").hide();
            $("#tiger-content").show();
        }

但需要一点点来改变它,例如:@我点击这个按钮后的那一刻(#tiger-panel-discuss)我保存了cookie并在页面刷新它显示了我需要的东西。但是,我想要做的是,如果s1再次单击该按钮(#tiger-panel-discuss),它将清除当前的cookie状态。所以@ the end应该是这样的:first click = cookie处于活动状态,second click = cookies处于“null”状态,第三次单击将重新开始。像一个循环。

有人可以伸手吗?谢谢。

1 个答案:

答案 0 :(得分:0)

$("#tiger-panel-discuss").click(function(e) {
            e.preventDefault();
            $("#tiger-content").fadeToggle();
            $("#tiger-io").fadeToggle();
            if ($.cookie("tiger-content") == "active") {
              $.cookie("tiger-content", "null");
            } else {
              $.cookie("tiger-content", "active");
            }
            return false;

        });