Click here for a hint.
Click here for another hint.
All hints are displayed below.
You got it!
Atul’s Open Web Challenge #{id}
On to the next challenge!

Use Firebug to change the text below to say “hai2u” instead of “hello world”.

hello world Secret Bonus 1: Use jQuery instead of Firebug! Secret Bonus 2: Use neither jQuery nor Firebug!

These challenges require you to be using Firefox with Firebug installed. If you don't have it, you can try using Firebug Lite, but your mileage may vary.

If you have Firebug installed, you can show its panel by going to the “View” menu and selecting “Firebug”.

You may have to enable Firebug to work with this site; the panel at the bottom of this window should tell you how to do that.

You can inspect any visual element on a page by clicking “Inspect” at the top of the Firebug panel and then moving your mouse to the part of the page you’re interested in.

It’s easy to “live edit” a page through Firebug—just try clicking on any content you want to edit in the “HTML” tab!

function(query) { return query.find(".boxed").text() == "hai2u"; }

Use jQuery to make the box below fade away.

hai2u2

You can use Firebug's “Console” tab to execute arbitrary JavaScript code on the page.

jQuery is already loaded into the page; you can access it in the console via the name jQuery.

Check out the documentation on jQuery(expression). You can use this to easily get ahold of any elements on a page using a CSS selector.

Check out jQuery's documentation on effects.

function(query) { return query.find(".boxed:hidden").length == 1; }

Use jQuery to make all three boxes below fade away.

jQuery is cool

It's no coincidence that this is a lot like the last challenge.

function(query) { return query.find(".boxed:hidden").length == 3; }

Sorry, this challenge doesn't exist yet. Please check back later!

No, really, this isn't a challenge.

Well, if you really want more puzzles, check out Galatea.

Alternatively, you can browse the source code of this project, which is written entirely in HTML, CSS, and JavaScript with jQuery.

function(query) { return false; }