toggle is not working
<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;

&lt;script type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function(){
 $("button").click(function(){
  $("p").toggle(function(){
    $("p").hide();},
    function(){
     $("p").show();}

  });
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;Click me to toggle between different background colors.&lt;/p&gt;
&lt;button&gt;click me&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>i am trying to toggle between hide and show on button click...but it's not working
a little help will be appreciable</p>
