Przycisk Jquery do uwidocznienia formularza

Question

Chcę zapytać o to, jak uczynić niewidoczny formularz po kliknięciu przycisku? Tak więc, jeśli mam przycisk o nazwie "Ukryj" i formularz z wieloma przyciskami, polem tekstowym itd.

Następnie, gdy kliknę przycisk "Ukryj", ukryje on wszystkie formularze i wszystkie rzeczy w formie, takie jak pole tekstowe, przycisk itp. Mam google, ale nie mam wyniku. Akceptuję odpowiedzi za pomocą Jquery, JS lub języka php, ponieważ używam tego programu językowego.

Przykład moja forma jest tak:

<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> 

może istnieje sposób, aby uczynić go niewidzialnym przez jednego przycisku?

Answer 1

Chcesz coś takiego:

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

Demo for hide

i przełączać postaci za pomocą jednego przycisku można spróbować:

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

Demo for toggle

---

Według comment

Aby uniemożliwić złożenie:

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

Zobacz tutaj .perventDefault()