Jquery not working with code here
<p>what am I missing here?</p>

<p>i hava a file html as below:</p>

<pre><code>&lt;a href="javascript:void(0);" title="Show and Hide" id="_showhide"&gt;
    &lt;span id="textsh"&gt;hide&lt;/span&gt;
    &lt;div id="contentsShowHide" style="display:none;"&gt;
        Contents here
    &lt;div&gt;
</code></pre>

<p>and I have file javascrip as below.</p>

<pre><code>function headerShowHide(){
$(document).ready(function(){
    $('#_showhide').click(function(){
        $('#contentsShowHide').toggle(funtion(){$("#textsh").text("show")},function(){$("#textsh").text("hide")});
      });
});}
</code></pre>

<p>but it not show or hide for <code>&lt;div id="contentsShowHide"&gt;</code> and not change text for <code>&lt;span id="textsh"&gt;</code>.</p>

<p>please help me.
Thank you.</p>
