Здравствуйте.
Есть код сполера:
var icon = $('.spoiler_links');
icon.find('span').text('ПОДРОБНЕЕ...');
$('.spoiler_links').click(function() {
var $other_spoilers = $('a.spoiler_links').not(this);
$other_spoilers.siblings().hide('fast');
$other_spoilers.find('span').text('ПОДРОБНЕЕ...');
$(this).siblings().show('fast')
$(this).find('span').text('');
return false;
});
.spoiler_body {
display: none;
}
.spoiler_links {
text-align:center;
cursor: pointer;
color: #26a69a;
text-decoration: none;
display: block;
font-size: 14;
}
.spoilerblock {
padding:0;
}
<div class="spoilerblock">
<div class="spoiler_body">
<p>Содержимое спойлера...</p>
</div>
<a href="" class="spoiler_links"><span></span></a>
</div>
Как оставить часть содержимого не закрытым (примерно height:100px;) и остальное выходило при открытии спойлера?
Пример на скринах:
Закрытый
Открытый
