// Get the modal var modal = document.getElementById(“myModal”); // Get the button that opens the modal var btn = document.getElementById(“myBtn”); // Get the element that closes the modal var span = document.getElementsByClassName(“close”)[0]; var modal1 = document.getElementById(“myModal1”); // Get the button that opens the modal var btn1 = document.getElementById(“myBtn1”); // Get the element that closes the modal var span1 = document.getElementsByClassName(“close1”)[0]; // When the user clicks the button, open the modal btn.onclick = function() { modal.style.display = “block”; modal1.style.display = “none”; } // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = “none”; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal) { modal.style.display = “none”; } } // When the user clicks the button, open the modal btn1.onclick = function() { modal1.style.display = “block”; modal.style.display = “none”; } // When the user clicks on (x), close the modal span1.onclick = function() { modal1.style.display = “none”; } // When the user clicks anywhere outside of the modal, close it window.onclick = function(event) { if (event.target == modal1) { modal1.style.display = “none”; } } $(document).ready(function(){ $(“#myModal2”).modal(‘show’); }); http://rocket-loader.min.js
Design a site like this with WordPress.com
Get started