Hide and show doesn't work at all on Firefox.

Hi Dorota,

Make sure you are including the jQuery library, also your code is not properly formatted, the semicolon is used at the end of each expression, also you have already grabbed the .warning element, so there is no reason to do it twice if you are performing both actions on the same element in a sequence. It should look something like this:

$('.warning').hide().show('slow');

here is a live example https://jsfiddle.net/m1d4suc0/1/

I found when I opened console that there was an error: "The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range."

The solution can be found here:

[example link]https://teamtreehouse.com/community/character-encoding-html-not-declared

I'm not 100% confident that this caused the error, since subsequently removing that meta tag didn't revert the behavior (i.e. it continued to work correctly when I removed it). So... hopefully this is helpful and not a red herring :)

Hi Duke,

If you are trying to include Jquery in jsfiddle, copy this cdn: https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js and paste it in the external resources box show here http://imgur.com/KqUG6LX and press the blue plus sign to add. If you are looking to add it in your own personal project, just add it to the bottom of your index page, before the closing </body> tag. It should look like this <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>

Treehouse, please, there is no the "best answer".

Dorota, unfortunately in the video an older version of jQuery is being used. Please try including the latest version of jQuery in your code and try again. The code below will link you the latest jQuery from the Google CDN.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

works in chrome for me