CSS3 Accordion

<style>
.accordion a{
padding:5px;
background-color:#333;
color:#eee;
text-decoration:none;
display:block
}

.accordion a:hover{
background-color:#555
}

.accordion div{
background-color:#eee
}

#accordion div{
height:0;overflow:hidden;
-moz-transition: height 0.5s ease-in; /* Firefox */
-webkit-transition: height 0.5s ease-in; /* Chrom, Safari */
-o-transition: height 0.5s ease-in; /* Opera */
}

#accordion div:target{
height:50px
}
</style>
<div id=accordion class=accordion>
<a href=#first>First tab</a>
<div id=first>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>

<a href=#second>Second tab</a>
<div id=second>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>

<a href=#third>Third tab</a>
<div id=third>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
</div>