Javascript jQuery在提交时停止隐藏div

我有一个简单的显示/隐藏div和div上的一个表单，但是当我在重新加载时再次提交表单并隐藏div时，我如何停止这种行为

脚本：

$(function() {
  $('.Mbox').hide().click(function(e) {
    e.stopPropagation();
  });      
  $("#Mbutton").click(function(e) {
    $('.Mbox').animate({ opacity: "toggle" });
    e.preventDefault();
  });

});

分区：

“span5”，：行=>5，：占位符=>“mensage”%>
“博涛”%>

你太努力了，哈哈

$(function() {
    $('.Mbox').hide();
    $("#Mbutton").click(function(e) {
        $('.Mbox').show();
    });
 });

---

似乎^^会满足您的要求，如果不解释更多内容

如果我理解正确，您试图在提交表单后隐藏包装表单的DIV，看起来您让表单变得更复杂了

$("#Mbutton").click({
     $(".Mbox").fadeOut(400);
});

---

单击#Mbutton

后，DIV.Mbox应该会淡出。听起来，当页面最初加载时，DIV被隐藏，然后单击以显示DIV并填写表单。在表单提交时，当您希望页面仍然显示时，页面将重新加载，div将重新加载为隐藏

（假设最初隐藏的div是在CSS中控制的，因为我在提供的代码的其他地方没有看到它）

如果是这样的话，我想你有两个选择

在服务器端处理它，当构建表单提交的响应时，确保您正在更改要在返回的响应中显示的div

如果可能的话，在客户端处理它，比如说，如果表单在重新加载后显示填充的值，但在页面最初加载时没有值，那么如果表单中有值，您可以编写一些JS来显示div

---

如果您返回到具有相同数据的同一页面并希望它看起来完全相同，我还将考虑让页面在表单提交时不进行完全重新加载。也许您应该通过AJAX提交，而不是重新加载页面？

hauhau！我喜欢toogle动画：）嗯，谢谢，是的，我忘记了用ajax发送的可能性：）Andrew thank的，但问题是，在我发送表单后，重新加载页面并隐藏div，因为您试图隐藏包装表单的div，首先使用jQuery显示表单，然后在提交时隐藏表单，但是页面会重新加载。您将不得不使用一些PHP和AJAX，以防止页面重新加载。最简单的方法可能是使用AJAX提交表单而不刷新页面，使用jQuery隐藏表单本身，然后如果消息发送成功，则使用jQuery显示新的“成功”消息。jQuery、HTML和CSS是最简单的部分，AJAX将是最难发送表单和调用AJAX文件以防止页面重新加载的部分。

$("#Mbutton").click({
     $(".Mbox").fadeOut(400);
});