jquery .show and .toggle open and close several times on one click
<p>I want that my buttons (i generate many with asp.net within &lt;% %> tags.) will show the "textboxHidden" div, and then Toggle the button value between "Respond" and "Close". and if I click the "close" button again, I want it to hide the div again...</p>

<p>in reality, when I click the button, it hide and show the div several times, and then hide the "close" button".
why is that ?</p>

<p>Thats the div:</p>

<pre><code>&lt;div id="buttons"&gt;
                        &lt;span class="reply"&gt;&lt;/span&gt;&lt;span class="reply"&gt;
                            &lt;input type="button" id="replyButton&lt;%=i %&gt;" value="Respond" onclick="showTextArea('&lt;%=i %&gt;')" /&gt;
                        &lt;/span&gt;
                    &lt;/div&gt;
                    &lt;div id="textboxHidden&lt;%=i %&gt;" style="display: none;"&gt;
                        &lt;textarea style="width: 500px; height: 70px;" name="forum_topic_comment&lt;%=i %&gt;" id="forum_topic_comment&lt;%=i %&gt;"&gt;&lt;/textarea&gt;
                        &lt;div id="hiddenSave&lt;%=i %&gt;" style="display: none;"&gt;
                            &lt;input type="button" value="Save" onclick="submitComment('&lt;%=i %&gt;');" /&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
</code></pre>

<p>thats the jquery code:</p>

<pre><code>function showTextArea(i) {
                $("#replyButton" + i).click(function () {
                    $("#textboxHidden" + i).toggle(200);
                    $("#hiddenSave" + i).show(200);
                    $("#replyButton"+i).val('Close').toggle();

                });
            }
</code></pre>

<p>thanks for the helpers!</p>
