#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;  
}

<div id="button"> »  
  <div id="s_panel">  
  : )  
  </div>  
</div>