Как скрыть часть текста по высоте?

У меня есть допустим текст с высотой 80px мне надо сделать так, что открывалось только 40 но а при нажатии кнопки бил весь контейнер, чем это делаеться кто встречался буду оч признателен.

 

overflow:hidden ? Вот тут подробнее.

 

так мне надо чтобы я нажал на весь список например и пошел весь список. Если есть подробное решение буду вообще рад, Тоесть по сути, есть размер текста 80пх но отображаеться 40 и подробнее, и отображаеться весь 80 пх.

 

Это все реализовывается на JS, называется - скрыть или показать блок.
Здесь хорошо расписано - http://www.sdws.ru/topic.php?t=3&id=10

 

А как сделать чтобы текст был не display:none; а height 20px?

 

Вот решение через jQuery:
http://jsfiddle.net/JUtcX/2/

 

а через кнопку можно както? есть готовое решение:?

 

Есть плагин для jQuery - Expander, вот через него точно можно с кнопкой-ссылкой.

Ну или привзяать тот код с примера выше к ивенту нажатия на кнопку.

 

Выкладываю решение - http://jsfiddle.net/JUtcX/336/ , может быть еще кому нибудь пригодится.

 

А то что он обратно не сворачивается - нормально?

 

В задаче не было ничего про сворачивание.

 

Это я уже для себя интересуюсь Как сделать чтобы сворачивалась, не подскажите?

 

Можно jQuery еще попробовать применить, я когда надо блоки открыть/закрыть юзаю такое:

function step1(){
$("#worktimeJUNE28").hide(500);
$("#phones").show(1000);
setTimeout( step2, 11000);
}

function step2(){
$("#phones").hide(500);
$("#worktimeJUNE28").show(1000);
setTimeout( step1, 11000);
}