#button {  
position: fixed;  
top: 353px;  
left: 0;  
background: #0094d6;  
width: 28px;  
height: 50px;  
font: 40px Georgia;  
color: #fff;  
text-align: center;  
-webkit-transition-duration: 0.3s;  
-moz-transition-duration: 0.3s;  
-o-transition-duration: 0.3s;  
transition-duration: 0.3s;  
-webkit-border-radius: 0 5px 5px 0;  
-moz-border-radius: 0 5px 5px 0;  
border-radius: 0 5px 5px 0;  
}  
#s_panel {  
position: fixed;  
top: 153px;  
left: -100px;  
background: #ff7700;  
width: 100px;  
height: 150px;  
padding: 100px 0 0 0;  
-webkit-transition-duration: 0.3s;  
-moz-transition-duration: 0.3s;  
-o-transition-duration: 0.3s;  
transition-duration: 0.3s;  
-webkit-border-radius: 0 5px 0 0;  
-moz-border-radius: 0 5px 0 0;  
border-radius: 0 5px 0 0;  
}  
#button:hover {  
left: 100px;  
}  
#button:hover #s_panel {  
left: 0;  
}

By ADM1N-J3r0