jquery: how to hide and show
<p>I want to hide and show a <code>&lt;p&gt;</code> tag when mouse over it, but my code only can hide the <code>p</code> tag and never show it again ,why?</p>

<pre><code>&lt;html&gt;
  &lt;head&gt;
&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
&lt;script&gt;
  $(function(){
    $("#mouse").mouseover(function(){
      if($(this).is(':hidden')){
        $(this).show("normal");
      }
      else{
       $(this).hide("slow"); 
      }
    });
  });
&lt;/script&gt;
  &lt;/head&gt;
  &lt;body bgcolor="white"&gt;
   &lt;p id="mouse"&gt;
     test
   &lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>
