Show/hide popup div by clicking on same button

Show/hide popup div by clicking on same button

I want to show popup div by clicking on button and then i want to hide
same div by clicking on the same button. I want to hide div even when user
clicks outside the div.
<div id="div_fieldWorkers" class="form_size"></div>
this is my div.. it contains a form to be filled by the user.
<input
type="button"
value="Add Field Worker"
id="btnFieldWorkers"
class="btn btn-primary" />
This is the button.