expand div when use clicks in text box?
<p>I'd like to have a div expand to show contents when a user clicks their mouse in a text box to enter text.  I haven't seen that around anywhere before.  I know how to make things expand onClick, but can someone point me to what I'm looking for?</p>

<p>Basically, I have an email signup box that I just want to show the input field for the email address, but if the user actually decided to get on the email list, that div will expand to also ask them for their name and zipcode.</p>

<p>Thanks!</p>

<p>I've got jquery already set for the email form now, so I'd like to expand on that if possible:</p>

<p>EDIT: Here is what I have so far:</p>

<pre><code> &lt;div class="outeremailcontainer"&gt;
    &lt;div id="emailcontainer"&gt;
    &lt;?php include('verify.php'); ?&gt;
      &lt;form action="emailform.php" method="post" id="sendEmail" class="email"&gt;
        &lt;h3 class="register2"&gt;Newsletter Signup:&lt;/h3&gt;
        &lt;ul class="forms email"&gt;
             &lt;li class="email"&gt;&lt;label for="emailFrom"&gt;Email: &lt;/label&gt;&lt;input type="text" name="emailFrom" id="emailFrom name" value="&lt;?= $_POST['emailFrom']; ?&gt;" /&gt;&lt;?php if(isset($emailFromError)) echo '&lt;span class="error"&gt;'.$emailFromError.'&lt;/span&gt;'; ?&gt;&lt;/li&gt;
           &lt;li class="buttons email"&gt;&lt;button type="submit" id="submit"&gt;Send&lt;/button&gt;&lt;input type="hidden" name="submitted" id="submitted" value="true" /&gt;&lt;/li&gt;
        &lt;/ul&gt;
                &lt;div id="details"&gt;
                         Testing
                &lt;/div&gt;
      &lt;/form&gt;
    &lt;div class="clearing"&gt;
        &lt;/div&gt;
        &lt;/div&gt;

&lt;script language="javascript" type="text/javascript"&gt;
    $("#name").focus(function() {
      $("#details").fadeIn();
    });

    $("#name").focus(function() {
      $("#details").stop().fadeIn();
    }).blur(function() {
      $("#details").stop().fadeOut();
    });

&lt;/script&gt;
</code></pre>
