jquery - アクセシビリティ スタイルシート スイッチャー

Question

わかりました、私がする必要があるのは、

• アクセシビリティ スタイルシートのオンとオフを切り替える

• 10 日間の Cookie を設定する

• Cookie がオンになっているかどうかを確認し、スタイルシートをヘッドに追加するかどうかを確認します。

私はそれを不規則な動作で動作させています。

$(document).ready(function() {      

     if( $.cookie('accessibility-visual') == "on" ) { 
                   $('head').append(' <link id rel="stylesheet" type="text/css" media="screen" href="css/accessibility.css" />');  

      }       

      $('#visual').on('click', function(e){

      if( $.cookie('accessibility-visual') == "on" ) { 

          $.cookie("accessibility-visual", null);
          $(this).text("Off");
           $('link').attr('href', 'css/accessibility.css').remove(); 
           return false;

      }

      else {

           $.cookie("accessibility-visual", "on", { expires: 7 });
           $(this).text("On");
           $('head').append(' <link rel="stylesheet" type="text/css" media="screen" href="css/accessibility.css" />');  

      }


      });   
});