<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <script src="js/myjQModal.jquery.js"></script> <link rel="stylesheet" href="css/myjQModal.css"> </head> <body> <div id="background"></div> <button data-action="open" data-target="#modal"> open modal! </button> <div id="modal"> <button data-action="open" data-target="#modal2"> open modal! </button> Howdy! </div> <div id="modal2"> This is the second modal! </div> </body> </html>