Аккордеон

HTML

<div class="showmore">Показать/скрыть 1</div>
<div class="gradient1_inner">
Подробный текст. Подробный текст. 
Подробный текст. Подробный текст. 
Подробный текст. Подробный текст. 
Подробный текст. Подробный текст. 
Подробный текст. Подробный текст.
</div>

CSS

.gradient1_inner{
    display:none;
    width: 250px;
    background: #FFE7A7; 
    background: -webkit-gradient(linear, left top, left bottom, from(#FFE7A7), to(#FFDE87)); 
    background: -moz-linear-gradient(top,  #FFE7A7,  #FFDE87); 
    background: -o-linear-gradient(top, #FFE7A7 0%, #FFDE87 100%); 
    background: gradient(linear, top,  #FFE7A7,  #FFDE87); 
    border: 1px solid #FFD25E; 
    padding: 5px 11px; 
    margin-bottom:3px;
}

JavaScript

$(document).ready(function() {
$('.showmore').click(function() {
$('.gradient1_inner').slideToggle();
});
});