title: jQuery slideToggle() doesn't work
body: <p>Hello my first time here,</p>
  
  <p>I got a basic jQuery slideToggle and it doens't work.
  any solutions?</p>
  
  <p>Thanks for reading this.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" type="text/css" href="style/style.css"&gt;
          &lt;script type="text/javascript" scr="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $("#ucp").click(function(){
                  $("#test").slideToggle("slow");
              });
          });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="header"&gt;
              &lt;a href="http://www.kevinheisen.nl" target="_blank"&gt;&lt;img src="style/lacp.png" alt="acp logo"&gt;&lt;/a&gt;
              &lt;div class="nav"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Afmelden&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="http://www.kevinheisen.nl"&gt;Vraag hulp&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;preview website&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;ACP startpagina&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="ucp"&gt;Gebruikers beheer&lt;/div&gt;
          &lt;div id="test"&gt;hallo hallo hallo hallo&lt;/div&gt;
          &lt;div class="project"&gt;Projecten&lt;br /&gt;&lt;span id="menu"&gt;Klik hier om groter te maken&lt;/span&gt;&lt;/div&gt;
          &lt;div class="updates"&gt;Updates&lt;br /&gt;&lt;span id="menu"&gt;Klik hier om groter te maken&lt;/span&gt;&lt;/div&gt;
          &lt;div class="homecontent"&gt;Home content&lt;br /&gt;&lt;span id="menu"&gt;Klik hier om groter te maken&lt;/span&gt;&lt;/div&gt;
          &lt;div class="portofolio"&gt;portfolio&lt;br /&gt;&lt;span id="menu"&gt;Klik hier om groter te maken&lt;/span&gt;&lt;/div&gt;
          &lt;div class="about"&gt;Over mij&lt;br /&gt;&lt;span id="menu"&gt;Klik hier om groter te maken&lt;/span&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>okay this all of my code. I know i can decrease the css. </p>
  
  <pre><code>@font-face {
      font-family: 'Acptitle';
      src:url('/admin/style/CGFLocustResistance.ttf'), 
      url('/admin/style/CGFLocustResistance.eot'); /* IE9 */
  }
  
  @font-face {
      font-family: 'Acpdefault';
      src:url('/admin/style/ccaps.ttf'),
      url('/admin/style/ccaps.eot'); /* IE9 */
  }
  
  body {
      margin: 0px 0px 0px 0px;
      padding: 0;
      background: #585858;
      background-image: url('/style/lacp.png');
  }
  
  #menu {
      font-size: 8px;
  }
  
  .header {
      height: 180px;
      min-width: 960px;
      width: 100%;
      background: #3A3A3A;
  }
  
  img {
      display: block;
      margin: 0 auto;
      text-align: center;
  }
  
  .header &gt; .nav &gt; ul {
      list-style-type: none;
  }
  
  .header &gt; .nav &gt; ul &gt; li {
      font-family: 'Acptitle';
      text-align: center;
  }
  
  .header &gt; .nav &gt; ul &gt; li &gt; a:link, a:visited{
      font-size: 12px;
      box-shadow: inset 0 0 20px #000000; 
      margin: 0 10px;
      float: right;
      display: block;
      background: #3A3A3A;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      height: 30px;
      width: 150px;
      padding: 15px;
      color: black;
  }
  
  .header &gt; .nav &gt; ul &gt; li &gt; a:hover, a:active {
      color: #000000;
      background: #212121;
  }
  
  #ucp, #test{
      font-family: 'Acptitle';
      margin: 15px 0 0 5%;
      width: 40%;
      height: 45px;
      float: left;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  
  #test{
      display: none;
      height: 300px;
      width: 40%;
  }
  
  .project {
      font-family: 'Acptitle';
      margin: 15px 5% 0 0;
      width: 40%;
      height: 45px;
      float: right;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  
  .updates {
      font-family: 'Acptitle';
      margin: 15px 5% 0 0;
      width: 40%;
      height: 45px;
      float: right;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  
  .homecontent {
      font-family: 'Acptitle';
      margin: 15px 0 0 5%;
      width: 40%;
      height: 45px;
      float: left;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  
  .portofolio {
      font-family: 'Acptitle';
      margin: 15px 0 0 5%;
      width: 40%;
      height: 45px;
      float: left;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  
  .about {
      font-family: 'Acptitle';
      margin: 15px 5% 0 0;
      width: 40%;
      height: 45px;
      float: right;
      box-shadow: inset 0 0 20px #000000;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      padding: 10px;
      text-align: center;
  }
  </code></pre>
  
  <p>This everything. I have no problems on other site. i think my websitebrowser isn't the problem. i'm using Google chrome btw. i tried also in IE9 and firefox.</p>