Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialTobias Straumann
Front End Web Development Techdegree Graduate 21,358 PointsjQuery Basics, challenge task 2 of 2, the following is not passing: $(".profile-header").hide().delay(2000).fadeIN();
the visbility methods are chained together but task is not passing, any suggestion?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<h1 class="profile-header">Student <span>Profile</span></h1>
<script
src="jquery-3.2.1.min.js"></script>
<script src="app.js"></script>
</body>
</html>
$(".profile-header").hide().delay(2000).fadeIN();
3 Answers
Richard Price
17,787 PointsYour ".fadeIN();" has a capital "IN" if you update this to .fadeIn(); you should see the expected results
Tobias Straumann
Front End Web Development Techdegree Graduate 21,358 PointsOk, got the answer myself. I did a typo by capitalising the IN in fadeIN(); --> this should be fadeIn();
Jose A Reynaldo Vazquez
21,313 Points$(".profile-header").hide().delay(2000).fadeIn(); Remember fadeIn(); with capital I.
Tobias Straumann
Front End Web Development Techdegree Graduate 21,358 PointsTobias Straumann
Front End Web Development Techdegree Graduate 21,358 Pointsthat is the challenge: Chain some animation effects to the $('.profile-header') element. After a delay() of 2 seconds (2000 milliseconds), use the fadeIn() method to fade the header in.