WEIRD: jquery .show and .hide not responding or changing css of corresponding div
<p><a href="http://playerspace.com/test.html" rel="nofollow">Sample Code of my error</a></p>

<p>So as you can see in the above example, next to where it says "Disclaimer Question111", there is an expand/contract link. The script works halfway, in that the text change occurs, but it does not change the display css for the div its anchored to. </p>

<p>Any idea why? I don't see any page errors. </p>

<p>The code that triggers this is in my site.js file but i pulled it out here so you can see:</p>

<pre><code>    $('.accordion-trigger-settings').click(function(){
var target=$(this).attr('href');
if($(target).css('display')=='none')
{
$(target).show();
$(this).text('Collapse Settings');
}
else
{
$(target).hide();
$(this).text('Expand Settings');
}
return false;
});
</code></pre>

<p>It applies to this block:</p>

<pre><code>&lt;a href="#accordion-season5160" class="accordion-trigger-settings"&gt;Expand View&lt;/a&gt;
                                &lt;div class="padding5"&gt;&lt;/div&gt; 
                                &lt;div class="accordionContent" id="accordion-season5160"&gt;
                                    &lt;textarea  name="str_disclaimer_header5160" id="str_disclaimer_header5160"&gt;&lt;/textarea&gt;
                                &lt;/div&gt;      
</code></pre>
