display flickr for a moment and return to size different that expected using slideUp, slideDown, Hide, Show
Hi. i am using jQuery UI1.7.2. and jQuery 1.3.2
- <script type="text/javascript">
$(document).ready(function() {
// hides the slickbox as soon as the DOM is ready
// (a little sooner than page load)
$('#homepage_alerts').hide();
// shows the slickbox on clicking the noted link
$('#slick-show').click(function() {
$('#homepage_alerts').slideDown(500);
return false;
});
// hides the slickbox on clicking the noted link
$('#slick-hide').click(function() {
$('#homepage_alerts').slideUp(500);
return false;
});
});
</script>
now i expect this display
right display but getting this display
wrong display and when wrong display appear i disable display:block property using firebug.
and display is right.
am i doing something wrong?