jQuery toggle div and toggle text
<p>I want to make the link "Add additional comment" when clicked to show a text area and the text to toggle as "Remove comment".  When "Remove comment" is clicked it should hide text area and the text need to change as "Add additional comment".</p>

<p>The code I used is</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function( ){
$("#addcmt").click(function( )
{
$(".commentarea").toggle( );
if ($("#addcmt").text = "Add additional comment") {
     $("#addcmt").text("Remove comment");
  }
else {
   $("#addcmt").text("Add additional comment");
 }
});
});
&lt;/script&gt;
</code></pre>

<p>The html is</p>

<pre><code>&lt;div class="addlcomment"&gt;
  &lt;a id="addcmt"&gt;Add additional comment&lt;/a&gt;
 &lt;/div&gt;
 &lt;div class="commentarea" style="display:none;"&gt;
     &lt;textarea name="strcomments1" tabindex="2"&gt;&lt;/textarea&gt;
 &lt;/div&gt;
</code></pre>

<p>The text toggle is not working.</p>

<p>Any help is appreciated.</p>
