}); <!-------------------------------------------------- THE BUTTON TO TOGGLE THE MODAL --------------------------------------------------------!> $(".toggleButton").click(function(){ if(modalOpen == 0){ $("#modalBox").css("display", "block"); $("#modalBox").transition({marginTop: '100px', opacity: 1}, "slow", function(){}); $("#bgDiv").css("display", "block"); modalOpen = 1; }else{ $("#bgDiv").css("display", "none"); $("#modalBox").transition({marginTop: '-50px', opacity: 0}, "slow", function(){$("#modalBox").css("display", "none");}); modalOpen = 0; } }); } <!-------------------------------------------------- CALL THE MODAL FUNCTION HERE --------------------------------------------------------!> modal(); }); </script> <?php nav("4"); logoheader("4"); ?> </html>
<img class="innerToggleButton" src="includes/images/modalButton.png"></img> <p> ligula sed magna dictum porta. Sed porttitor lectus nibh. Proin eget tortor risus. Donec solli ligula sed magna dictum porta. Sed porttitor lectus some text nibh. Proin eget tortor risus. Donec solli</p> </div> <div id="bgDiv"></div> <?php footer(); ?> </body> <script src="/includes/js/index.js"></script> <script> //WAIT UNTIL THE DOCUMENT IS READY TO START ANY JS OR JQ $(document).ready(function () { mobileNav(); bodyHeight = $("body").css("height"); $("#bgDiv").css("height", bodyHeight); //modules fancyIMG(); slider(); modal(); viewportAnimation(".viewportAnimate"); }); </script> <?php nav("3"); ?> <?php logoheader("3"); ?> </html>
<?php footer(); ?> </body> <script src="/includes/js/index.js"></script> <script> //WAIT UNTIL THE DOCUMENT IS READY TO START ANY JS OR JQ $(document).ready(function () { mobileNav(); bodyHeight = $("body").css("height"); $("#bgDiv").css("height", bodyHeight); //modules fancyIMG(); slider(); modal(); }); </script> <?php nav("2"); logoheader("2"); ?> </html>
dictum porta. Sed porttitor lectus some text nibh. Proin eget tortor risus. Donec solli</p> </div> <div id="bgDiv"></div> <?php footer(); ?> </body> <script src="/includes/js/index.js"></script> <script> //WAIT UNTIL THE DOCUMENT IS READY TO START ANY JS OR JQ $(document).ready(function () { mobileNav(); sliderOpen = false; bodyHeight = $("body").css("height"); $("#bgDiv").css("height", bodyHeight); //modules fancyIMG(); slider(); modal(); roadBlock(2500); viewportAnimation(".viewportAnimate"); }); </script> <?php nav("1"); ?> <?php logoheader("1"); ?> </html>