Hello! I have the code:

<link rel="stylesheet" type="text/css" href="css/style1.css" /> <script type="text/javascript" src="js/modernizr.custom.39460.js"></script> <body> <br><br> <div class="container"> <input type="checkbox" class="fire-check" /> <br><br><br> <section> <div class="tn-box tn-box-color-1"> <p>Подождите, оно исчезает позже</p> <div class="tn-progress"></div> </div> <div class="tn-box tn-box-color-2"> <p>Оно исчезнет позже позднего</p> <div class="tn-progress"></div> </div> <div class="tn-box tn-box-color-3"> <p>Исчезает последним!<p> <div class="tn-progress"></div> </div> </section> </div> </body>

But in order to open modal windows, you need to activate the checkbox, how to make it so that when you open the page, these modal windows automatically open. No checkbox.

    1 answer 1

     $(function(){ var modals = $('.container').find('.tn-box'); modals.hide(); // если через css не спрятаны modals.each(function(idx, modal){ $(modal).delay(1000*idx).fadeIn(); }) });