jQuery Variablen Fehler

Question

Ich denke, ich habe hier einen Fehler gemacht, weil es wahrscheinlich nicht funktioniert. Vielleicht kann mir jemand

helfen Hier ist meine jQuery-Code (ich glaube, der Rest ist nicht wichtig):

$ (document) .ready (function() { var getoggelt = 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;" 
     }); 
    } 
}); 

Danke

EDIT: gefunden mein Fehler

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

Die ";" Ist sehr falsch in der Animation Klammer :)

Answer 1

Sie benötigen eine weitere Schließung Zahnspange für document.ready:

$(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

Sie müssen auch toggled im else Zustand auf:

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; 
    } 
});