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 (2014) Introduction to jQuery What is jQuery?

Grace Kelly
Grace Kelly
33,990 Points
Posted by Grace Kelly
Grace Kelly
33,990 Points

jQuery isn't working for me??

I'm trying to use hide() and show() but neither are working in the browser??

Here is the index.html file:

<!DOCTYPE html>
<html>
<head>
    <title>Take Evasive Action</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
  <p class="warning">
    <span>It's A Trap!</span>
  </p>
  <div class="image">
    <img src="img/ackbar.gif" />
  </div>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

and here is the jQuery in js/app.js:

//hide the warning
//show the warning slowly
$(".warning").hide().show("slow");
Marcus Parsons
Marcus Parsons
15,719 Points

Hi again Grace,

Can you post a snapshot of your workspace? If you don't know how to do that, check out this handy dandy forum post: http://www.teamtreehouse.com/forum/workspace-snapshots

5 Answers

Iain Diamond
Iain Diamond
29,379 Points
Iain Diamond
Iain Diamond
29,379 Points

I copied your example code into jsbin, and it seems to work with no problems.

It's a trap!

Things worth pointing out: the JavaScript runs when you load the page, so you have to hit refresh to see it change. As the example only hides and shows some warning text briefly, it may be difficult to see. I tweaked the jsbin example to hide and show the image instead, so it's easier to see.

Please let us know how you get on.

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Thanks everyone for your help, I simply refreshed the page and it seems to be running fine now, as Iain Diamond pointed out I was probably just missing it on the first time it ran :s

Marcus Parsons
Marcus Parsons
15,719 Points

Lol :P

tate
tate
13,435 Points
tate
tate
13,435 Points

May I ask what internet browser you are using?

Javier Mera
Javier Mera
16,472 Points
Javier Mera
Javier Mera
16,472 Points

Using $ worked fine, but I couldn't get it to work using JQuery function name.

Thomas Katalenas
Thomas Katalenas
11,033 Points
Thomas Katalenas
Thomas Katalenas
11,033 Points

works in chrome for me