向jQuery toogle添加cookie的最简单方法

Question

这是我在stackoverflow上的第一篇文章：）我花了一整晚的时间尝试了很多方法来做同样的事情，但我是一个初学者，所以我放弃了并寻求帮助。

这个问题被回答了很多次，但我找不到一个简单的方法让TOGGLE记住当前的状态。我不想以臃肿的代码开始我的jQuery工作。

我需要创建一个非常简单的打开/关闭面板，我发现toggle（）或toggleClass（）会给我想要的东西。

Miro我缩短并修复的最终工作代码是：

$(document).ready(function () {
    $('p').toggleClass('red', $.cookie('currentToggle') === 'on');
    $('button').toggleClass('yellow', $.cookie('currentToggle') === 'on');
});
$("button").click(function () {
    $("p").toggleClass("red");
    $(this).toggleClass("yellow");
    $.cookie('currentToggle', $("p").hasClass('red') ? 'on' : 'off');
});

谢谢米罗！

Answer 1

试试这样的东西：

$(document).ready(function () {    
    $('p').toggleClass('red', $.cookie('currentToggle') === 'on');  
});
$(function(){
    $("button").click(function () {
        $("p").toggleClass("red");
        $(this).toggleClass("yellow");      
        $.cookie('currentToggle', $("p").hasClass('red')?'on':'off' );
    });
});