"Collapsible Form Div with CTA Button"
Bootstrap 3.2.0 Snippet by girliestgeek

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-sm-4 col-md-4 "> <h3 class="navy nomarg">Proven Trading Systems for Accelerating Your ROI</h3><br/> <p class="med-grey">Learn how these back-tested and automated trading systems could help you accelerate your trading return on investment.</p> <table> <tr> <td><hr /></td> <td class="free-download caps bold" style="width:1px; padding: 0 10px; white-space: nowrap;">Free Download</td> <td><hr /></td> </tr> </table> <h4 class="center navy nomarg">FX Annihilator Video</h4> <div class="incentive well"> <div class="center"> <!-- FORM --> <div id="downloadform5" class="panel-collapse collapse"> <div class="panel-body"> <p class="navy text-left"></p> <form data-role="form" novalidate data-ng-controller="FormController" name="webinarRegistration"> <!-- Numeric Form Id Here --> <div data-form-id="83"></div> <!--Fields--> <div data-field="fullName" data-placeholder="Enter your full name"></div> <div data-field="emailAddress" data-placeholder="Enter your email address"></div> <div data-submit="submitForm()" data-label="Submit" ></div> </form> </div> </div> <!-- END FORM --> <button type="button" class="btn btn-default btn-lg btn-custom change-me" role="button" data-toggle="collapse" data-target="#downloadform5"> <p class="nomarg" style="font-size: 16px;">Download Now</p> </button> </div> </div> </div>
$(document).ready(function () { "use strict"; $('.change-me').click(function () { if (this.childNodes[1].innerHTML === "Download Now") { this.childNodes[1].innerHTML = "No, thanks"; this.style.backgroundColor = "transparent"; this.style.borderColor = "transparent"; this.style.color = "#fff"; this.style.textDecoration = "underline"; } else { this.childNodes[1].innerHTML = "Download Now"; this.style.backgroundColor = "#ebebeb"; this.style.borderColor = "#e1e1e1"; this.style.color = "#555"; this.style.textDecoration = "none"; } }); });

Related: See More


Questions / Comments: