jQuery切换类并切换cookie值？

Question

有没有办法像我下面的例子那样切换 cookie？我曾经有两个按钮，但我只想使用一个来切换。

$("#text-change").click(function() {
    $("body").toggleClass("large");
    $(this).toggleClass("large");

    // Here I want to toggle the cookie value
    $.cookie("textSize", "large", {expires: 365});
    $.cookie("textSize", "small", {expires: 365});

    return false;
});

//then I can the check cookie throughout the site
if($.cookie("textSize") != "large") {
    $("#text-smaller").addClass("disabled");
    $("body").removeClass("large");
}
else {
    $("#text-larger").addClass("disabled");
    $("body").addClass("large");
}

Answer 1

$("#text-change").click(function() {
    $("body").toggleClass("large");
    $(this).toggleClass("large");

    // Here I want to toggle the cookie value
    if ($(this).hasClass("large")){
        $.cookie("textSize", "large", {expires: 365});
    }else{
        $.cookie("textSize", "small", {expires: 365});
    }

    return false;
});

Answer 2

更简单

$("#text-change").click(function() {
    $("body").add(this).toggleClass("large");

    // Here I want to toggle the cookie value
    $.cookie("textSize", $(this).hasClass("large")?"large":"small", {expires: 365});

    return false;
});