jQueryの変数間違い

Question

私はおそらくうまくいきませんのでここで間違いを犯したと思います。 ;

$(".arrow").click(function() { 
    if (toggled === false) { 
     $(".nav").animate({ 
      left: "0px" 
     }); 
     $(".arrow").animate({ 
      left: "280px" 
     }); 
     toggled = true; 
    } else { 
     $(".nav").animate({ 
      left: "-280px;" 
     }); 
     $(".arrow").animate({ 
      left: "0px;" 
     }); 
    } 
}); 

$（ドキュメント）.ready（関数（）{ varが= falseを切り替える：たぶん誰かが私に

を助けることができるここに私のjQueryのコードは、（私が残りは重要ではないと思います）です

はあなた

EDITありがとう：

$(".nav").animate({ 
      left: "-280px;" 
     }); 

私のミスを発見しました「;」アニメーションブラケットに非常に間違っている:)

Answer 1

あなたはdocument.readyのための1つ以上の閉鎖中括弧が必要になります。

$(document).ready(function() { 
    var toggled = false; 
    $(".arrow").click(function() { 
     if (toggled === false) { 
      $(".nav").animate({ 
       left: "0px" 
      }); 
      $(".arrow").animate({ 
       left: "280px" 
      }); 
      toggled = true; 
     } else { 
      $(".nav").animate({ 
       left: "-280px;" 
      }); 
      $(".arrow").animate({ 
       left: "0px;" 
      }); 
     } 
    }); 
}); // you missed this 

Answer 2

あなたはまた、else状態にtoggledを設定する必要があります。

var toggled = false; 

$(".arrow").click(function() { 
    if (toggled === false) { 
     $(".nav").animate({ 
      left: "0px" 
     }); 
     $(".arrow").animate({ 
      left: "280px" 
     }); 
     toggled = true; 
    } else { 
     $(".nav").animate({ 
      left: "-280px;" 
     }); 
     $(".arrow").animate({ 
      left: "0px;" 
     }); 
     toggled = false; 
    } 
});