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 trial

JavaScript jQuery Basics Introducing jQuery jQuery Syntax and Animation Effects

alex zanotti
seal-mask
.a{fill-rule:evenodd;}techdegree
alex zanotti
Front End Web Development Techdegree Student 9,021 Points

Hi, I'm struggling to find a solution here - would anyone be able to explain how you came to the correct solution?

It seems like i don't really have much of an understanding of Jquery (yet) and I'm stuck on this code challenge.

index.html
<!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>
app.js
$('.profile-header').click(style.display = 'none');

1 Answer

Alexandra Edwards
Alexandra Edwards
4,686 Points

Hey Alex,

Your first portion, $(.profile-header') is correct. You just have some left-over JavaScript there to delete for the first part of the challenge before adding the .hide() method. You also don't need the .click for this, and to give another hint, jQuery makes things much shorter.

Let me know if you need more help or hints.