Problem with CodeCademy code? (JavaScript)

[Jeroen1322]

Hi guys!

 

I'm making an interactive website on CodeCademy to kill some time and i noticed something.

In step 7/8 the hint says the code should look like this: 

var main = function() {  $('.icon-menu').click(function() {    $('.menu').animate({      left: "0px"    }, 200);    $('body').animate({      left: "285px"    }, 200);  });  $('.icon-close').click(function() {    $('.menu').animate({      left: "-285px"    }, 200);    $('body').animate({      left: "0px"    }, 200);  });};

But then i get an error to check my $('.menu').animate() but there is nothing wrong with it. 

 

so i tried to change my code a bit and changed the

$('.menu').animate({left: "-285px"}, 200);

to 

 

  $('.menu').animate(){      left: "-285px"    }, 200);

and CodeCademy says it is good. BUT then i get the error: Uncaught SyntaxError: Unexpected token {

 

 

Sooo is my code wrong or is it an bug in CodeCademy?

[Hazy125]

TBH, I almost never use Jquery's animate, CSS just does it better unless you're doing something fiendishly complex BUT, the correct code is

$('.menu').animate({left: "-285px"}, 200);

Soooo, not sure why you're getting an error on that. I guess it may be a bug with their tutorial

[Jeroen1322]

TBH, I almost never use Jquery's animate, CSS just does it better unless you're doing something fiendishly complex BUT, the correct code is

$('.menu').animate({left: "-285px"}, 200);

Soooo, not sure why you're getting an error on that. I guess it may be a bug with their tutorial

So i had the code corrent on the first try but it is just a bug, alright  

And i do to, CSS3 and HTML5 are muuuuch easier to animate with.. 

[MatazaNZ]

Hi guys!

 

I'm making an interactive website on CodeCademy to kill some time and i noticed something.

In step 7/8 the hint says the code should look like this: 

var main = function() {  $('.icon-menu').click(function() {    $('.menu').animate({      left: "0px"    }, 200);    $('body').animate({      left: "285px"    }, 200);  });  $('.icon-close').click(function() {    $('.menu').animate({      left: "-285px"    }, 200);    $('body').animate({      left: "0px"    }, 200);  });};

But then i get an error to check my $('.menu').animate() but there is nothing wrong with it. 

 

so i tried to change my code a bit and changed the

$('.menu').animate({left: "-285px"}, 200);

to 

 

  $('.menu').animate(){      left: "-285px"    }, 200);

and CodeCademy says it is good. BUT then i get the error: Uncaught SyntaxError: Unexpected token {

 

 

Sooo is my code wrong or is it an bug in CodeCademy?

This might be a bug in CodeCademy, because I can see where in the changed code it went wrong. The code between the { } needs to be between the parenthesis of the animate() method, and there is and extra closing bracket, either the one on the first line before the brace, or the last line before the semi colon. I'm assuming you know the issue, but yea, this is possibly something you might want to contact them about