title: JQuery missing ) after argument list error in this code:
body: <p>Where is the bug?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $("#hidden").hover(
    function(){
     $("#menu&gt;div#serie&gt;div").show(slide("direction","bottom")400ms);
    },
    function(){
     $("#menu&gt;div#serie&gt;div").hide(slide("direction","top")400ms);
    }
    );
   
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#menu
  {
   margin-top:-10px;
    margin-left:-10px;
  width:100%;
  height:150px;
  background-color:#333;
  position:fixed;
  }
  #menu&gt;div
  {
  line-height:130px;
  float:right;
  background-color:none;
  
  }
  #menu&gt;div&gt;a
  {
  display:block;
  padding-right:30px;
  padding-top:20px;
  padding-left:30px;
  color:#2ba8f0;
  font-family:arial;
  text-decoration:none;
  transition:color 400ms ease;
  }
  #menu&gt;div#serie
  {
   width:140px;
  height:140px;
  background-color:none;
  color:#2ba8f0;
  text-align:center;
  vertical-align:middle;
  line-height:130px;
  font-family:arial;
  background-image:url(images/arrow.svg);
  background-repeat:no-repeat;
  
  transition:color 400ms ease;
  
  }
  
  #menu&gt;div#serie&gt;a
  {
  padding:30px;
  }
  #menu&gt;div&gt;a:hover
  {
  color:white;
  
  }
  
  
  #menu&gt;div#serie:hover
  {
  height:auto;
  background-color:none;
  color:white;
  
  
  }
  
  
  #menu&gt;div#serie&gt;div&gt;div
  {
  height:100px; 
  }
  #menu&gt;div#serie&gt;div&gt;div&gt;a#dropdown
  {
   width:140px;
   display:block;
   color:2ba8f0;
   line-height:120px;
   vertical-align:middle;
   text-align:center;
   text-decoration:none;
   background-color:#333;
   -webkit-transition:background-color 400ms ease;
   
  }
  #menu&gt;div#serie&gt;div&gt;div&gt;a#dropdown:hover
  {
   background-color:#555;
   color:white;
  }
  .logo
  {
   display:block;
   width:150px;
   height:150px;
   background-image:url(images/logo.svg);
   background-repeat:no-repeat;
   float:left;
  }
  #menu&gt;div#serie&gt;div
  {
   height:400px;
   margin-top:-25px;
    display:none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;header id="menu"&gt;
   
   &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;Kontakt&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
           
        &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;FAQ&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
         &lt;div class="serie" id="serie"&gt;
             &lt;h4 id="hidden"&gt;Postery&lt;/h4&gt;
       &lt;div id="hidden" class="hidden"&gt;
     &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Pre Fanúšikov&lt;/b&gt;&lt;/a&gt;
     &lt;/div&gt;
     &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Osobné&lt;/b&gt;&lt;/a&gt;
     &lt;/div&gt;
     &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Chceš jeden?&lt;/b&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="serie" id="serie"&gt;
        
          &lt;h4 id="hidden"&gt;Série&lt;/h4&gt;
    &lt;div id="hidden" class="hidden"&gt;
    &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Minecraft&lt;/b&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Vlogy&lt;/b&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div&gt;
     &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Ostatné&lt;/b&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;/div&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;O mne&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
         &lt;div&gt;
        &lt;a href="#"&gt;&lt;b&gt;Domov&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
       &lt;a class="logo" href="#"&gt;
    &lt;/a&gt;
    &lt;/header&gt;</code></pre>
  </div>
  </div>
  
        </p>
  
  <pre><code>    &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;Kontakt&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;FAQ&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
         &lt;div class="serie" id="serie"&gt;
             &lt;h4 id="hidden"&gt;Postery&lt;/h4&gt;
             &lt;div id="hidden" class="hidden"&gt;
              &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Pre Fanúšikov&lt;/b&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Osobné&lt;/b&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Chceš jeden?&lt;/b&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="serie" id="serie"&gt;
  
          &lt;h4 id="hidden"&gt;Série&lt;/h4&gt;
          &lt;div id="hidden" class="hidden"&gt;
          &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Minecraft&lt;/b&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Vlogy&lt;/b&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;a id="dropdown" href="#"&gt;&lt;b&gt;Ostatné&lt;/b&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div&gt;
          &lt;a href="#"&gt;&lt;b&gt;O mne&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
         &lt;div&gt;
        &lt;a href="#"&gt;&lt;b&gt;Domov&lt;/b&gt;&lt;/a&gt;
        &lt;/div&gt;
       &lt;a class="logo" href="#"&gt;
    &lt;/a&gt;
    &lt;/header&gt;
  
  
  #menu
  {
      margin-top:-10px;
          margin-left:-10px;
  width:100%;
  height:150px;
  background-color:#333;
  position:fixed;
  }
  #menu&gt;div
  {
  line-height:130px;
  float:right;
  background-color:none;
  
  }
  #menu&gt;div&gt;a
  {
  display:block;
  padding-right:30px;
  padding-top:20px;
  padding-left:30px;
  color:#2ba8f0;
  font-family:arial;
  text-decoration:none;
  transition:color 400ms ease;
  }
  #menu&gt;div#serie
  {
      width:140px;
  height:140px;
  background-color:none;
  color:#2ba8f0;
  text-align:center;
  vertical-align:middle;
  line-height:130px;
  font-family:arial;
  background-image:url(images/arrow.svg);
  background-repeat:no-repeat;
  
  transition:color 400ms ease;
  
  }
  
  #menu&gt;div#serie&gt;a
  {
  padding:30px;
  }
  #menu&gt;div&gt;a:hover
  {
  color:white;
  
  }
  
  
  #menu&gt;div#serie:hover
  {
  height:auto;
  background-color:none;
  color:white;
  
  
  }
  
  
  #menu&gt;div#serie&gt;div&gt;div
  {
  height:100px;   
  }
  #menu&gt;div#serie&gt;div&gt;div&gt;a#dropdown
  {
      width:140px;
      display:block;
      color:2ba8f0;
      line-height:120px;
      vertical-align:middle;
      text-align:center;
      text-decoration:none;
      background-color:#333;
      -webkit-transition:background-color 400ms ease;
  
  }
  #menu&gt;div#serie&gt;div&gt;div&gt;a#dropdown:hover
  {
      background-color:#555;
      color:white;
  }
  .logo
  {
      display:block;
      width:150px;
      height:150px;
      background-image:url(images/logo.svg);
      background-repeat:no-repeat;
      float:left;
  }
  #menu&gt;div#serie&gt;div
  {
      height:400px;
      margin-top:-25px;
          display:none;
  }
  
  $(document).ready(function(){
          $("#hidden").hover(
          function(){
              $("#menu&gt;div#serie&gt;div").show(slide("direction","bottom")400ms);
          },
          function(){
              $("#menu&gt;div#serie&gt;div").hide(slide("direction","top")400ms);
          }
          );
  
  });
  </code></pre>
  
  <p>Can you help me?
  Sorry for my bad english.</p>