Jquery AJAX Post上的滑动切换重置状态

我遇到了一个小问题，希望你能帮我解决。我有一个表单，它以slidetoggle（）打开；工作起来很有魅力。该元素对话框中的表单执行AJAX Post提交。一切都完美无瑕

问题是：当表单提交时，slidetoggle似乎失去了它的状态，当用户随后单击触发slidetoggle的按钮时，什么也没有发生。如果我在success函数中刷新主页，那么一切都会按预期进行——然而，这似乎首先违背了AJAX Post submit的目的。这是我的密码：

            $.ajax(
            {
                type: "POST",
                url: "{U_NEW}",
                data: dataString,
                success: function()
                    {
                        $('#reply-dialog').html("<div id='succes'></div>");
                        $('#succes').html("<h2>{L_DRAFT_SAVED}</h2>")
                        .hide()
                        .fadeIn(800, function()
                            {
                            $('#succes')
                        });

                        $('#succes').delay(2000).slideUp(500, function()
                            {
                                    location.reload();
                                    parent.conversations.location='{U_CONVERSATIONS}';
                            });
                    }
            });

和#对话框div

        <div id="dialog">
          <div class="ui-state-highlight ui-corner-all" style="padding: .7em;">
                <div class="ui-widget">
                    <form action="">
                      <fieldset style="border: none;">
                        <h2>{L_NEW_MESSAGE}</h2>
                        <label for="recipient" id="recipient_label">{L_RECIPIENT}: <span class="small-font">{L_RECIPIENT_EXPLAIN}</span></label></label>
                        <br />
                        <input type="text" name="recipient" id="recipient" value="" class="text ui-widget-content ui-corner-all" />
                        <label class="error" for="recipient" id="recipient_error">{L_FIELD_REQUIRED}</label>
                        <label class="error" for="recipient" id="recipient_name_error">{L_RECIPIENT_NOT_FOUND}</label>
                            <br />
                        <label for="subject" id="subject_label">{L_SUBJECT}:</label>
                        <br />
                        <input type="text" name="subject" id="subject" class="text ui-widget-content ui-corner-all" />
                        <label class="error" for="subject" id="subject_error">{L_FIELD_REQUIRED}</label>
                            <br />
                        <label for="message" id="message_label">{L_MESSAGE}:</label>
                        <br />
                        <textarea name="message" style="width: 99%;" rows="10" id="message" class="text ui-widget-content ui-corner-all"></textarea>
                        <label class="error" for="message" id="message_error">{L_FIELD_REQUIRED}</label>

                            <input type="submit" name="submit" id="button" value="{L_SEND_MESSAGE}" />
            <input type="submit" name="draft" id="draft" value="{L_SAVE_AS_A_DRAFT}" />

                      </fieldset>
                    </form>
                    </div>
            </div>
            <br />
        </div>

{L_新消息}
{L_RECIPIENT}:{L_RECIPIENT_EXPLAIN}


{L_字段_必填项}
{L_收件人未找到}


{L_SUBJECT}：


{L_字段_必填项}


{L_MESSAGE}：


{L_字段_必填项}

根据您的JQuery版本（从旧到新），使用live（）、delegate（）或on（）绑定到从AJAX调用加载的DOM对象

e、 g.$（文档）。在（#新建），“单击”，函数（）

请在此处阅读更多信息：

        <div id="dialog">
          <div class="ui-state-highlight ui-corner-all" style="padding: .7em;">
                <div class="ui-widget">
                    <form action="">
                      <fieldset style="border: none;">
                        <h2>{L_NEW_MESSAGE}</h2>
                        <label for="recipient" id="recipient_label">{L_RECIPIENT}: <span class="small-font">{L_RECIPIENT_EXPLAIN}</span></label></label>
                        <br />
                        <input type="text" name="recipient" id="recipient" value="" class="text ui-widget-content ui-corner-all" />
                        <label class="error" for="recipient" id="recipient_error">{L_FIELD_REQUIRED}</label>
                        <label class="error" for="recipient" id="recipient_name_error">{L_RECIPIENT_NOT_FOUND}</label>
                            <br />
                        <label for="subject" id="subject_label">{L_SUBJECT}:</label>
                        <br />
                        <input type="text" name="subject" id="subject" class="text ui-widget-content ui-corner-all" />
                        <label class="error" for="subject" id="subject_error">{L_FIELD_REQUIRED}</label>
                            <br />
                        <label for="message" id="message_label">{L_MESSAGE}:</label>
                        <br />
                        <textarea name="message" style="width: 99%;" rows="10" id="message" class="text ui-widget-content ui-corner-all"></textarea>
                        <label class="error" for="message" id="message_error">{L_FIELD_REQUIRED}</label>

                            <input type="submit" name="submit" id="button" value="{L_SEND_MESSAGE}" />
            <input type="submit" name="draft" id="draft" value="{L_SAVE_AS_A_DRAFT}" />

                      </fieldset>
                    </form>
                    </div>
            </div>
            <br />
        </div>