I need to create a button which shows and hide the password inside an input field.

I wrote this code which works partially:

2. $('.show-hide-password').click(function(e) {
3.       $(this).text(($(this).text() === 'Hide' ? 'Show' : 'Hide')); // Change the text
4.       $('.engage-password__field').attr('type', 'text');
5.       e.preventDefault();
6.  });

If I click on "Show" button it shows the password. But it should hide the password by second click. So I need something to toggle the attribute each time I click the button.

How can I do this?

Thanks