#haccordion {
  background: #332A1D;
}

.haccordion .slidingHeader, .haccordion .slidingContent{ 
  float: left; 
  height: 280px; 
} 
  
 .haccordion .slidingHeader{ 
  width: 30px; 
  background: #3e3323; 
  color: #fff; 
  cursor: pointer; 
  border-left: 1px solid #777;
} 
  
 .haccordion .slidingContent{ 
 display: none; 
 width: 0px; 
 overflow: hidden; 
} 

.haccordion .slidingContent p{ 
margin: 5px; 
}

.haccordion #visible {
 display: block;
  width: 440px;
}

.haccordion {
    width: 564px;
    overflow: hidden;
    height: 280px;
    border: 2px solid #333;
}

.haccordion .slidingContent h2 { 
    font-family: Tahoma, Arial;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}