Key Concepts

Review core concepts you need to learn to master this subject

jquery fadeIn effect method

// The '#menu' element will gradually appear // on the page when the '#menu-button' is clicked. $('#menu-button').on('click', () => { // equivalent to $('#menu').fadeIn(400, 'swing') $('#menu').fadeIn(); });

The jQuery .fadeIn() effect method causes a hidden element to gradually appear on the page. The method takes optional parameters.

The first optional parameter specifies the duration of the fading effect. The default value is 400 milliseconds.

The second parameter specifies the name of an “easing” function that determines the speed of the fading effect at different points in the animation. The default value is ‘swing’, where the fade-in effect is slower at the beginning/end and faster in the middle.

Learn jQuery: Effects
Lesson 1 of 1

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo