Отображение div автоматически при загрузке страницы

Question

Я пытаюсь показать окно мода css, которое должно появиться для пользователя, если он имеет почту в своем почтовом ящике, при загрузке страницы. Я до сих пор работаю над ссылкой <a href="#" id="mail_modal"></a>, но я не уверен, как сделать это автоматически при загрузке страницы. Это мой код:

<?php 
if ($items > 0) 
    { 
     echo '<strong><font color="yellow">You have new unread mail</font></strong>'; 
    ?> 

    <script type="text/javascript"> 
    $(document).ready(function() { 
    $('#button_modal').click(function(e) { 
      $('#modal').reveal({ 
       animation: 'fadeAndPop', 
       animationspeed: 400, 
       closeonbackgroundclick: true, 
       dismissmodalclass: 'close' 
      }); 
     return false; 
     }); 
    }); 
    </script> 

    <div id="modal"> 

     <div id="mail-form"> 

      <h1>New Mail</h1> 

      <fieldset> 

       <form name="loginform" action="<?php echo url('/Mail');?>"> 

        <p>You have new unread mail in your inbox. Press 'Mail' button to access your inbox.</p> 

        <input type="hidden" name="redir" value="<?php echo url('/Mail'); ?>" /> 
        <input type="hidden" name="action" value="mail" /> 
        <input type="submit" name="submit" value="Mail" /> 

       </form> 

      </fieldset> 

     </div> <!-- end login-form --> 

    </div> 

    <?php 
    } 
    else 
    { 
     echo '<i>You have no new mail</i>'; 
    } 
?> 

Answer 1

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#button_modal').click(function(e) { 
    $('#modal').reveal({ 
     animation: 'fadeAndPop', 
     animationspeed: 400, 
     closeonbackgroundclick: true, 
     dismissmodalclass: 'close' 
    }); 
    return false; 
    }); 

    // and here we show popup automatically, if a user has new letters. 
    <?php if ($items > 0) echo "$('#button_modal').trigger('click');"; ?> 

}); 
</script> 

Answer 2

$(document).ready(function() { 
    if(/* check if has mail */ === true) { 
     $('#modal').reveal({ 
      animation: 'fadeAndPop', 
      animationspeed: 400, 
      closeonbackgroundclick: true, 
      dismissmodalclass: 'close' 
     }); 
    } 
});