Jquery Button to make visible a form

Question

I want to ask about how to make a form invisible when a button clicked? So, if I have a button called "Hide" and a form with many button, textbox, etc. Then when I click "Hide" button, it will hide all form and all things in form such as textbox, button, etc. I have google it but have no result. I accept answer with Jquery, JS, or php language because I'm using that language program. Example my form is like this: ```

Accepted Answer

You want something like this:

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

Demo for hide

and for toggle the form with a single button you can try:

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

Demo for toggle

According to comment

To prevent the submission:

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

See here for .perventDefault()

Jquery Button to make visible a form

Solution

Problem