Need way to display hidden div on click of Form button

Hi,

I’m trying to get a form together that submits to a third-party api (CapsuleCRM) whilst keeping the user on the page and revealing a BUY NOW button that will take them through to Paypal. There also needs to be some validation to make sure all the fields +checkbox are filled in.

The process:

First Name:
Last Name:
Email:
Agree to terms (checkbox) [on tick sends data to CapsuleCRM and reveals Paypal button below]

>> Hidden until checkbox ticked

<div style=”display: none;”>BUY NOW (Paypal button)</div>

At the moment I’ve got this:

[Code moderated as per the Forum Rules. Please use the pastebin]

This all works in that when you tick the checkbox the BUY Now text is revealed, but then you get taken to the https url. I need the user to stay put so they can click the BUY Now button.

I’m also missing the validation stage.

Can anyone show me how to get this working.

Cheers,

Tracy