how to add effect 'hide (“slow”)' to div i

I have a form that is repeated several times within a div called "formscontainer" in PHP while, I want to make a form submit with their respective div disappears the effect hide ("slow")

here the example code

<script type="text/javascript">
 $(function() {
      $("form").each(function() {
          $(this).validate( {
              submitHandler: function(formbeingsubmitted) {
                  $.post('process.php', $(formbeingsubmitted).serialize(), function(data) {
                      $('#results').html(data);
                      $ (formbeingsubmitted).hide("slow");
                  });
              }
          });
      });
  });
</script>
</head>
<body>
<?php do { ?>
<div id="formscontainer">
  <form method="post" id="form1">
    <label for="name" id="name_label">form </label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>

    <input type="submit" name="submit" value="SEND"> 
  </form>
</div>
<div id="formscontainer">
  <form method="post" id="form1">
    <label for="name" id="name_label">form </label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>

    <input type="submit" name="submit" value="SEND"> 
  </form>
</div>
<div id="formscontainer">
  <form method="post" id="form1">
    <label for="name" id="name_label">form </label>  
    <input type="text" name="name" id="name" size="30" value=""/>  
    <br>

    <input type="submit" name="submit" value="SEND"> 
  </form>
</div>
<?php } while ($row_var = mysql_fetch_assoc($var)); ?>
<div id="results"></div>
</body>
</html>

标签： jquery jquery-plugins jquery-effects

1条回答

疯言疯语

2楼-- · 2019-03-06 07:33

$(function () {
    $("form").each(function () {
        var par_div = $(this).closest('div'); //finding the closest div
        $(this).validate({
            submitHandler: function (formbeingsubmitted) {
                $.post('process.php', $(formbeingsubmitted).serialize(), function (data) {
                    $('#results').html(data);
                    $(formbeingsubmitted).hide("slow");
                    par_div.hide('slow'); //hide the div
                });
            }
        });
    });
});

you can also use

$(this).parents('div'); instead of $(this).closest('div');

but this $(this).closest('div'); is faster

0人赞添加讨论(0) 举报

how to add effect 'hide (“slow”)' to div i

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间