display flickr for a moment and return to size different that expected using slideUp, slideDown, Hide, Show

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

  1. <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?