Javascript 关闭后引导模式刷新

我得到了一个按钮，它执行以下操作：单击时，将打开一个模式弹出窗口。 在模式弹出窗口上有另一个按钮，单击该按钮将显示另外两个文本框和两个按钮。我想要的是，当我单击关闭或只是关闭模式时，我希望它处于包含2个标签和add按钮的前一个状态

以下是我的javascript代码：

//this shows the additional textboxes and buttons        
$( "#toggle" ).click(function()
{
   $( "#content" ).toggle("slow");
   $( "#divButtons" ).toggle();
   $("#toggle").hide();
});
//this is where i tried to refresh the modal back to its original state
$(function () {
    $(document).on("hidden.bs.modal", "#exampleModal", function () {
        $(this).find("#content").remove(); // Remove from DOM.
        $(this).find("#divButtons").remove();
        $("#toggle").show();
        $(this).find("#portValue").html("");
        $(this).find("#hostValue").html("");
    });
});

这就是我到目前为止所做的：

---

我的代码的问题是，当我关闭模式，然后再次单击“添加”按钮时，它会删除该按钮，2个文本框和2个按钮不会显示。

它会删除该按钮，因为您完全使用这一行

$（this）从DOM中删除您的
\content
。查找（#content”）.remove（）在
“hidden.bs.modal”
事件中。因此，下次单击“添加新值”按钮时，将不会显示内容，因为它不再存在

首先删除该行
$（this）.find（#content”）.remove（）

其次，添加以下代码，以便在单击“取消”按钮时切换文本框。让modals“x”（关闭图标）完成它的工作，否则如果用户需要，就无法实际关闭modals

$( "#btnCancel" ).click(function() {
    $( "#content" ).toggle("slow");
    $( "#divButtons" ).toggle();
    $("#toggle").show();
});

更新：

要隐藏模式关闭上的文本框和按钮，只需添加行
$（“#content”）.hide（）$（文档）中的code>。在（“hidden.bs.modal”上，
事件。这只是隐藏两个文本框，因为您已经编写了一个代码来隐藏按钮。
它删除按钮，因为您完全使用这一行
$（This）从DOM中删除
内容。
。查找（#内容”）.remove（）
在
“hidden.bs.modal”
事件中。因此，下次单击“添加新值”按钮时，不会显示
#内容，因为它不再存在

首先删除该行
$（this）。查找（#content”）。删除（）

第二，添加下面的代码，在单击“取消”按钮时切换文本框。让modals“x”（关闭图标）完成它的工作，否则如果用户需要，将无法实际关闭modal

$( "#btnCancel" ).click(function() {
    $( "#content" ).toggle("slow");
    $( "#divButtons" ).toggle();
    $("#toggle").show();
});

更新：

要隐藏模式关闭上的文本框和按钮，只需在
$（文档）中添加行
$（“#content”）.hide（）；
。on（“hidden.bs.modal”，
事件。这只是为了隐藏两个文本框，因为您已经编写了一个代码来隐藏按钮。
这是因为您完全使用这一行
$（This）从DOM中删除
#内容。
中查找（#内容”）.remove（）
“hidden.bs.modal”
事件。因此，下次当您单击“添加新按钮”时，将不会显示
#内容
，因为它已经不存在了。这是因为您完全使用这一行
$（this）从DOM中删除
#内容
。查找（#内容”）.remove（）
在
“hidden.bs.modal”中
事件。因此，下次当您单击“添加新按钮”时，将不会显示
#内容，因为它不再存在。您好，感谢上述内容，如果用户单击“x”，我只有一个问题关闭图标或选择模式外的任何选项，2个按钮和文本框仍在显示，添加按钮不见了。是否仍要隐藏这些按钮并显示添加按钮？当然，您已经有了
“hidden.bs.modal”
事件，只需添加行
“$（“#content”）.hide（）
在那里。我的答案也更新了。您好，感谢上面的内容，我只收到一个问题，如果用户单击“x”关闭图标或选择模式外的任何一个，2个按钮和文本框仍然显示，添加按钮消失了。是否仍要隐藏这些按钮并显示添加按钮？当然，您已经有了
“hidden.bs.modal”
事件只需在那里添加行“$（“#内容”）.hide（）；”
。我的答案也会更新。