title: JavaScript or JQuery Problem Div doesnt toggle
body: <p>I think that Im missing some pieces for this.  Im somewhat new to JavaScript and JQuery, and someone tried to help before, but their solution doesnt work either.</p>
  
  <p>I need a sort-of drop down navigation effect similar as to what is on this site:
  professional-painters.com  then click "Quick Contact"</p>
  
  <p>For some reason the Contact isnt toggling.</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="DaVincisApp1.WebForm2" %&gt;
  
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;link href="~/Styles/StyleSheet1.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"&gt;&lt;/script&gt;
  &lt;%--&lt;script type="text/javascript" src="Scripts/motion.js"&gt;&lt;/script&gt;--%&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){     /* make sure the contact form is hidden when the page loads: */     $('div#contact-form').hide();      $('a#contact-button').toggle(function(){         /* slides the contact form down and shows it */         $('div#contact-form').slideDown();     }, function () {         /* hides it again */         $('div#contact-form').slideUp();     } } 
  );&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="nav"&gt;
      &lt;div id="navigation-primary"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;item 2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menuitem 3&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a id="contact-button" href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div id="contact-form"&gt;
              &lt;form action="#" method="post"&gt;
              &lt;div class='hiddenFields'&gt;
                  &lt;input type="hidden" name="ACT" value="20" /&gt;
                  &lt;input type="hidden" name="URI" value="index" /&gt;
                  &lt;input type="hidden" name="XID" value="1c46d517779f90c9f5a13bac8338968a3c2b9d16" /&gt;
                  &lt;input type="hidden" name="status" value="open" /&gt;
                  &lt;input type="hidden" name="return" value="consultation/thank_you" /&gt;
                  &lt;input type="hidden" name="redirect_on_duplicate" value="" /&gt;
                  &lt;input type="hidden" name="RET" value="http://professional-painters.com/" /&gt;
                  &lt;input type="hidden" name="form_name" value="Quick" /&gt;
                  &lt;input type="hidden" name="id" value="freeform" /&gt;
                  &lt;input type="hidden" name="params_id" value="136390" /&gt;
                  &lt;input type="hidden" name="site_id" value="1" /&gt;
              &lt;/div&gt;
              &lt;fieldset style="padding: 7px;"&gt;
                  &lt;table id="quickcontact-in"&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;input tabindex="1" class="field" type="text" name="name" value="Name" onfocus="if (this.value == 'Name') this.value = '';"
                                  onblur="if (this.value == '') this.value = 'Name';" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;input tabindex="2" class="field" type="text" name="email" value="Email address"
                                  onfocus="if (this.value == 'Email address') this.value = '';" onblur="if (this.value == '') this.value = 'Email address';" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;input tabindex="3" class="field" type="text" name="phone1" value="Phone (optional)"
                                  onfocus="if (this.value == 'Phone (optional)') this.value = '';" onblur="if (this.value == '') this.value = 'Phone';" /&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr&gt;
                          &lt;td&gt;
                              &lt;textarea tabindex="4" class="txtField" cols="4" rows="4" name="comments"&gt;Questions or Comments&lt;/textarea&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                       &lt;tr&gt;
                          &lt;td&gt;
                              &lt;div id="submit"&gt;
                                  &lt;input tabindex="6" type="submit" name="submit" value="Send Request" /&gt;
                              &lt;/div&gt;
                              &lt;p class="tiny" align="right"&gt;
                                  &lt;a href="javascript:;" onmousedown="toggleSlide('quickcontact');"&gt;Close&lt;/a&gt;&lt;/p&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/fieldset&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  
  #navigation-primary {
  /*background: url("/img/nav_back.gif") repeat-x scroll 0 0 #61533F;*/
  background-color: Red;
  left: 0;
  position: absolute;
  top: 46px;
  z-index: 1;
  }
  
  #nav {
  height: 34px;
  width: 878px;
  }
  
  #contact-button a {
  /*background: url("/img/nav_contact.gif") no-repeat scroll 0 0 transparent;*/
  background-color: Green;
  width: 109px;
  }
  
  #quickcontact {
  background: none repeat scroll 0 0 #666449;
  border-left: 2px solid #3D352B;
  color: #FFFFFF;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 75px;
  width: 245px;
  z-index: 1000;
  }
  
  #quickcontact-in a {
  color: #FFFFFF;
  }
  
  #quickcontact fieldset {
  border: medium none;
  }
  
  #quickcontact-in .field {
  background: none repeat scroll 0 0 #FEFBD5;
  border: 2px solid #FFF1BD;
  color: #666666;
  padding: 2px;
  width: 190px;
  }
  
  #quickcontact-in .txtField {
  background: none repeat scroll 0 0 #FEFBD5;
  border: 2px solid #FFF1BD;
  color: #666666;
  display: block;
  float: left;
  font: 1em "Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
  height: 90px;
  margin: 5px 0 7px;
  outline: medium none;
  padding: 2px;
  width: 190px;
  }
  </code></pre>