Wysuwany panel z dołu css jquery

Dla specjalistów Webmastering
#1

Witam jak zrobić wysuwany panel na dole strony i wysuwany od dołu do góry? Bo na większości stron znajduje jak zrobić od lewej strony ale jak zrobić od dołu?

 

Tak wygląda mój styl pomożecie?

 

#panel
{
background: #FFFFFF;
width: 500px;
  position: fixed;
  bottom: 0;
  left: 50%;
  ; 
 
}
 
ul#main_menu
{
list-style: none;
}
 
#main_menu a
{
color: #DEB887;
text-decoration: none;
}
 
#main_menu a:hover
{
text-decoration: underline;
}
.slide_button
{
background: url(/kontakt_sidebar.jpg);
display: block;
height: 150px;
text-indent: -9999px;
width: 50px;
 
position: absolute;
right: -50px;
top: 0px;
}
#2

Pomijam na razie Twoje style, co do rozwijania - najprostszy sposób, powinien Ci pomóc.