How to disable pop up animation, when a form is getting filled by visitor

Design help Animations & Interactions
1

We have two forms on the page.

  • 1st form on the 2nd section of the page, and
  • 2nd form on a pop-up div which appears after 30 sec of page load.

When the visitor is typing in the 1st form, the 2nd form/pop-up appears to disturb the experience.

Is there a way to stop pop-up animation when the user is filling the form?

I am open to the jQuery solution.

Please check “cancer cost” page

Here is my public share link: LINK

2

jQuery code -

// #inputField -> HTML element ID of Input Field
// #formWrapper -> HTML ID of Div that contains Pop up form
$('#inputField').keyup(function() {
  $('#formWrapper').hide();
});