[jQuery] jQuery Effects (show, hide, slideUp, slideDown...) glitch with padding or margin
Hey Guys,
I'm sure this has been asked a million times but I couldn't seem to
find an answer after searching.
Here is the situation
CSS:
#mydiv{
padding:15px;
margin-bottom:10px;
text-align:center;
}
HTML:
<div id="mydiv">Hello World</div>
Javascript:
$(document).ready(function(){
$("#mydiv").hide();
$("#mydiv").slideDown("slow");
});
Now if you run this code, you'll see that mydiv starts sliding down,
and then there is a problem or jump or glitch in the end - if you
remove the padding and the margin it works very smoothly...
Any solutions?
Thanks,
Yuval