Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript jQuery Basics (2014) Introduction to jQuery What is jQuery?

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");

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

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

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

Lol :P

May I ask what internet browser you are using?

Javier Mera
Javier Mera
16,472 Points

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

works in chrome for me