<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="container"> <div class="row"> <button type="button1" class="btn btn-info btn-sm" title="Free Diet Plan"><span id="glyph" class="glyphicon glyphicon-minus"></span></button> <figure class="pull-left "> <div class="OPTEVERYWHERE"> <p><center><strong style="font-size: 45PX;font-family: CENTURY GOTHIC;">GALLBLADDER</strong></center></p> <p><center><strong style="font-size: 40PX;font-family: CENTURY GOTHIC;">DIET PLAN</strong></center></p> <p><center><strong style="font-size: 20PX;font-family: CENTURY GOTHIC;">30 DAY MENU + RECIPES</strong></center></p> <form action="http://news.gallbladderattack.com/" target="" class="OPTEVERYWHERE-button"> <div class="Submit"> <input name="submit" id="af-submit-image-1281725422" type="submit" value="DOWNLOAD FREE NOW" class="image btn" tabindex="501" style="width: 80%;"> </form> </div> </figure> </div> </div> </div>

button1{position:fixed; left:0; border-radius:100% !important;} .OPTEVERYWHERE { color: #fff; background: #95c638; padding-top: 15px; width: 120%; } .OPTEVERYWHERE-button .btn { color: #fff; background: #F47734; width: 100%; margin: 20px 0px 30px 40px; }

$(function(){ var ele = $('figure'); var plus = $('#glyph'); var btn =$('button') $( "button" ).click(function() { plus.toggleClass("glyphicon-minus glyphicon-plus") btn.toggleClass("btn-danger btn-info") ele.toggle('slow'); }); });