jQuery -- How to make a div show when correct answer entered into textbox?
<p>I'm very new to jQuery and I need some help:</p>

<p><strong>What I am looking for:</strong>
I want to make a div appear when a person enters the correct answer into a textbox.
If they get the wrong answer, a different div will show up.</p>

<p><strong>What I have now:</strong>
Currently, I am using Javascript to output 2 different texts depending on what the person answers. please take a look at what it looks like now: 
<a href="http://yankrupnik.com/wowza/cats.html" rel="nofollow">http://yankrupnik.com/wowza/cats.html</a></p>

<p>This is the html on that testpage</p>

<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
        &lt;head&gt;
            &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;&lt;/script&gt;
            &lt;script type="text/javascript"&gt; 
                $(document).ready(function(){
                    $("button#start").click(function(){
                        $("div#catbox").animate({height:336},1000);
                        $("div#catbox").animate({width:480},1000);
                        $("div#catbox").animate({height:100},700);
                        $("div#catbox").animate({width:100},500);
                        $("div#catbox").hide(2000);
                        $(this).hide();
                    });
                }); 
            &lt;/script&gt; 
        &lt;/head&gt;
    &lt;body&gt;
        &lt;div align="center"&gt;
            &lt;h3&gt;The Cat Test&lt;/h3&gt;
            &lt;p&gt;Click "start" and count how many cats you see! Enter your estimation below, and if you've got it, collect a cookie!&lt;/p&gt;
            &lt;button id="start"&gt;START!&lt;/button&gt;
            &lt;br /&gt;&lt;br /&gt;
                &lt;div id="catbox" style="background:#98bf21;height:100px;width:100px;overflow:hidden"&gt;
                &lt;img src="images/manycats.jpg"&gt;
                &lt;/div&gt;


            &lt;p&gt;So, how many cats did you manage to spot?&lt;/p&gt; &lt;input id="cats" value="enter number here" onfocus="this.value='';" /&gt;
            &lt;button onclick="valFunction () "&gt;Submit Answer!&lt;/button&gt;

            &lt;p id="demo"&gt;&lt;/p&gt;

            &lt;script type="text/javascript"&gt;
            function valFunction()
                {
                cats=document.getElementById("cats").value;
                validation=(cats==7)?"Nice! You've Got it!":"Sorry... press [F5] and try again!";
                document.getElementById("demo").innerHTML=validation;
                }
            &lt;/script&gt;     
        &lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>

<p>thanks for all your help in advance!</p>
