[Помогите] Необычный сполер, как сверстать.

Всем приветь.
Хочу сверстать необычный сполер, чтобы сначала показывалось 5 строк, а потом при нажатии на ссылку показывалось все остальное. В интернете нашел сполеры которые все сворачивают.

Мне хотелось бы реализовать как на этом сайте

справа у фильтра есть more/less при нажатии разворачивается с сворачивается.

 

http://www.sdws.ru/topic.php?t=3&id=10

 

Этот вариант скроет/покажет весь блок, а мне нужно несколько строк оставить.
Или я просто не знаю как с помощью этого варианта это сделать.

 

И что Вам в данном примере не понятно?
Выводите часть текста в один див, а другой прячете. Все..

 

В чем вся суть то.

Мне нужно скрыть половину 1 дива если он больше 5 строк.

 

<script>
function look(type){
param=document.getElementById(type);
if(param.style.display == "none") param.style.display = "block";
else param.style.display = "none"
}
</script>

<a href="javascript:look('div1');">показать/скрыть</a>
<div id="div1" style="display:none">
Скрытый текст
</div>

В этом скрипте изначально у дива стоит display:none, при клике меняется на display:block; Чтобы отображалось пять строк, надо заменить disply:none; на height: 125px; а display:block на height: auto; У дива заранее указать overflow:hidden; line-height: 125px;

Цифры 25 и 125 - на ваш вкус, лишь бы в пять раз была разница.

Не силен в яваскрипте, но предполагаю, что должно получиться так:
<script>
function look(type){
param=document.getElementById(type);
if(param.style.height == "125px") param.style.height = "auto";
else param.style.display = "125px"
}
</script>
<style>
.spoiler {
overflow:hidden;
line-height: 25px;}
</style>

<a href="javascript:look('div1');">показать/скрыть</a>
<div class="spoiler" id="div1" style="height: 125px;">
Скрытый текст
</div>