title: SlideUp Jquery doesn't work
body: <p>I have a problem with 'slideUp' from jquery. </p>
  
  <p>After the 'slideDown' I hide the button that has opened up and I show it in another div. 
  This should close the open box</p>
  
  <p>HTML   </p>
  
  <pre><code>  &lt;div class="ciao"&gt;
      &lt;div id="cerca"&gt;&lt;input type="text" /&gt;&lt;/div&gt;
        &lt;div id="flip"&gt;&lt;a href="#"&gt;button&lt;/a&gt;&lt;/div&gt;
           &lt;div id="panel"&gt;
             &lt;ul&gt;&lt;li&gt;menu 1 &lt;/li&gt;&lt;li&gt;menu 2 &lt;/li&gt;&lt;li&gt;menu 3 &lt;/li&gt;&lt;/ul&gt;
           &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>       $("#flip a").click(function(){
          $(this).hide();
          $("#panel").slideDown("slow");
          $('#flip').animate({top:'30px'});
          $('#cerca').append('&lt;a href="#" id="close"&gt;CHIUDI&lt;/a&gt;');
       });
  
      $("#cerca a#close").click(function(){
          $(this).parent('#panel').slideUp("slow");
       });
  </code></pre>
  
  <p>JSFIDDLE
  <a href="http://jsfiddle.net/rttoorop/" rel="nofollow">http://jsfiddle.net/rttoorop/</a></p>