Jquery Düğmesi bir formda görünür hale getirmek için

Question

Düğme tıklandığında görünmez bir formun nasıl yapılacağını öğrenmek istiyorum? Yani, "Gizle" adı verilen bir düğme ve birçok düğme, metin kutusu vb. Içeren bir formum varsa, "Gizle" düğmesini tıklattığımda, tüm formu ve metin kutusu gibi her şeyi gizler. vs google var ama sonuç yok. JQuery, JS veya php dili ile cevap kabul ediyorum çünkü bu dili kullanıyorum.

Örnek benim form şu şekildedir:

<form name="myform" method="post" action="<?php $_SERVER['PHP_SELF']; ?>"> 
    <table> 
     <tr> 
      <td>ID</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="clientid" /></td> 
      <td><input type="submit" name="cariclientid" value="Search" /></td> 
      <td width="50px"></td> 
      <td>ID</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="orderid" /></td> 
      <td><input type="submit" name="cariorderid" value="Search" /></td> 
     </tr> 
     <tr> 
      <td>No.</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="veh" /></td> 
      <td><input type="submit" name="carikendaraan" value="search" /></td> 
      <td></td> 
      <td>Nama Sopir</td> 
      <td>:</td> 
      <td><input type="text" maxlength="15" name="sopir" /></td> 
      <td><input type="submit" name="carisopir" value="Cari" /></td> 
     </tr> 
     <tr> 
      <td>Waktu Berangkat</td> 
      <td>:</td> 
      <td><input type="text" name="tglb" id="datetimepicker" /></td> 
      <td><input type="submit" name="cariberangkat" value="Cari" /></td> 
      <td></td> 
      <td>Waktu Pulang</td> 
      <td>:</td> 
      <td><input type="text" name="tglp" id="datetimepicker2" /></td> 
      <td><input type="submit" name="caripulang" value="Cari" /></td> 
     </tr> 
    </table> 
</form> 

belki bir düğme tarafından görünmez yapmak için bir yol var?

Answer 1

Böyle bir şey istiyorum: Demo for hide

ve için

// code for only hide 
$('#hide_button').on('click', function() { 
    $('form[name="myform"]').hide(); 
}); 

tek düğme ile forma geçiş deneyebileceğiniz:

$('#your_button').on('click', function() { 
    $('form[name="myform"]').toggle(); 
}); 

Demo for toggle gönderme önlemek için comment

göre

---

:

$('form[name="myform"]').submit(function(e) { 
    e.preventDefault(); 
    // Your code 
}); 

.perventDefault()