クッキーの設定と解除

Question

私は、クラスを追加したり削除したりすることでオンとオフを切り替えることができます。クリックしてオフにすると、その状態を維持する必要があります。私がクッキーを取り除くことはできません。

$(document).ready(function() { 
    $(".button2").click(function() { 
    if($(".toggle2").hasClass("toggleOn")) { 
     $(".toggle2").removeClass("toggleOn"); 
     $(".toggle2").addClass("toggleOff"); 
     $.cookie('setting1', 'off', { expires: 1, path: '/', domain: '#' }); 
    } else { 
     $(".toggle2").removeClass("toggleOff"); 
     $(".toggle2").addClass("toggleOn"); 
     $.cookie('setting1', null, { expires: 1, path: '/', domain:  '#' }); 
    } 
    }); 
}); 

$(function() { 
    if($.cookie('setting1') == null) { 

    } else { 
    $(".toggle2").removeClass("toggleOn"); 
    $(".toggle2").addClass("toggleOff"); 
    $(".buttonON2").removeClass("buttOnAnimate"); 
    $(".buttonON2").addClass("buttOnAnimateRemove"); 
    $(".buttonOFF2").removeClass("buttOffAnimateremove"); 
    $(".buttonOFF2").addClass("buttOffAnimateADD"); 
    }; 
}); 

私はクッキーの概念にかなり新しいよ、私は値にnullを代入することにより、else文を無視して何もないクッキーのif文をたどるだろうとまで読みました。任意の提案をいただければ幸いです。

Answer 1

使用removeCookie jquery.cookie使用の新しいバージョンのためにクッキー

$.removeCookie('setting1'); 

を削除するには

Cookies.remove('setting1');