i use google chrome and the slideDown doesn't work correctly. Sometime the div go down, some time still closed, i have to refresh the page and wait when it decide to slideDown. This is the code:
HTML
<header>
<div class="container">
<img src="../themes/<?= GDR_THEME ?>/images/graphic/barratop.png" />
<div id="box_body" class="content mCustomScrollbar light" data-mcs-theme="minimal">
<div id="box_text" >
<form name="termini" action="core.register_1.php" method="post">
<?php include_once "../text/regolamento.html"; ?>
<p class="button">
<input id="check" src="../themes/<?= GDR_THEME ?>/images/graphic/accettoff.png"
type="image" onMouseOver="this.src='../themes/<?= GDR_THEME ?>/images/graphic/accetton.gif'"
onMouseOut="this.src='../themes/<?= GDR_THEME ?>/images/graphic/accettoff.png'" />
<input name="rego" value="ok" type="hidden" />
</p>
</form>
</div>
</div>
<img src="../themes/<?= GDR_THEME ?>/images/graphic/barradown.png" />
</div>
CSS
.container {
width: 600px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
#box_body {
width: 530px;
height: 460px;
position: relative;
text-align: justify;
overflow-y: hidden;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: none;
}
#box_text {
position: relative;
float: left;
}
.button {
position: relative;
text-align: center;
}
JAVASCRIPT
$(document).ready(function(){
$("#box_body").slideDown(2500);
});
Sometime it slide Down sometime no... MY LINK: http://khchapterzero.altervista.org/core/core.register_0.php