# HG changeset patch
# User Atul Varma <varmaa@toolness.com>
# Date 1238508783 25200
# Node ID 906296a2d4366f5ddcc19b9d73befdf572d91c7b
# Parent  54c74d62bb5e1c179def6b1557cae919366c9faf
Added a second challenge.

diff -r 54c74d62bb5e -r 906296a2d436 index.html
--- a/index.html	Tue Mar 31 01:12:55 2009 -0700
+++ b/index.html	Tue Mar 31 07:13:03 2009 -0700
@@ -41,6 +41,31 @@
       }
     </div>
   </div>
+  <div id="challenge-2" class="challenge">
+    <div class="content">
+      <p>Use <a href="http://docs.jquery.com">jQuery</a> to make the
+      box below fade away.</p>
+      <span class="boxed">hai2u</span>
+    </div>
+    <div class="hints">
+      <p>You can use Firebug's “Console” tab to execute arbitrary
+      JavaScript code on the page.</p>
+      <p>jQuery is already loaded into the page; you can access it
+      in the console via the name <tt>jQuery</tt>.</p>
+      <p>Check out the documentation on <tt><a
+      href="http://docs.jquery.com/Core/jQuery#expressioncontext">jQuery(expression)</a></tt>. You
+      can use this to easily get ahold of any elements on a page using
+      a <a href="http://docs.jquery.com/Selectors">CSS selector</a>.</p>
+      <p>Check out jQuery's documentation on <a
+      href="http://docs.jquery.com/Effects">effects</a>.</p>
+    </div>
+    <div class="validator">
+      function(query) {
+        return query.find(".boxed:hidden").length == 1;
+      }
+    </div>
+  </div>
+
 </body>
 <script src="jquery.js"></script>
 <script src="open-web-challenges.js"></script>
diff -r 54c74d62bb5e -r 906296a2d436 open-web-challenges.js
--- a/open-web-challenges.js	Tue Mar 31 01:12:55 2009 -0700
+++ b/open-web-challenges.js	Tue Mar 31 07:13:03 2009 -0700
@@ -57,7 +57,7 @@
 $(window).ready(
   function() {
     function showChallenge() {
-      OWC.load(1);
+      OWC.load(2);
     }
 
     if ($('#_firebugConsole').length)