FAQ: Style Methods - .animate()

Frequently Asked Questions jQuery FAQ
1

Community%20FAQs%20on%20Codecademy%20Exercises
Community%20FAQs%20on%20Codecademy%20Exercises1000×208 141 KB

This community-built FAQ covers the “.animate()” exercise from the lesson “Style Methods”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Web Development

Introduction to jQuery

FAQs on the exercise .animate()

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!

2

For some reason, this

  $(".menu-button").on("mouseenter", () => {
    $(".nav-menu").slideDown();
    $(".menu-button").animate(
      {
        color: "#C3FF00",
        backgroundColor: "#535353",
        fontSize: "24px",
      },
      200
    );
  });

doesn’t affect the color at all. Why? You probably can’t “animate” color change, but I expected it to change anyway