[jQuery] JQuery Slide Panel

[phaedo5]

I want to use a sliding panel at the top of my page.  I can do that, but I
also want to include inside that panel an interactive Google Map.  I can do
the code to get it there, but it doesn't work quite right.  The map loads
but there are pieces of it that are flaky or not there.  The map seems to
work, it just doesn't display properly.  

Does anyone know how I can work around that? 
-- 
View this message in context: 
http://www.nabble.com/JQuery-Slide-Panel-tp23616858s27240p23616858.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

[jQuery] jQuery Slide Panel

[dacoder]

I am trying to make a slide panel using the slideToggle method similar
to this one
http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html

My problem is that it is in the footer of my page and when it slides
down it increases the page height because it is almost the last thing
on the page. the slide down effect is fine but the slide up starts
shaking all over and is pretty ugly. You can see this happening on the
example above if you make your browser small enough in height to where
the browser gets taller  when clicking the button.

Also what would be the best way to make the page scroll to the bottom
so the user doesn't have to scroll themselves to see the content in
the panel and close the panel.

basically this is all I got for it right now

$(".btn-slide").click(function(){
 $("#cs-report").slideToggle("slow");
 return false;
 });