Javascript-форум - Раздвигающийся текст

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Раздвигающийся текст (https://javascript.ru/forum/dom-window/33746-razdvigayushhijjsya-tekst.html)

На одном компе нашел IE7 (8 не смог найти), но и там тоже не сработало!
Везде одно и то же:

начало 2-го блока всегда находится внизу страницы IE (хотел скрин более наглядным сделать, смасштабировав страницу, но оказался вот такой вот эффект), т.е. получается каждый блок занимает целиком страницу, сразу раскрывая его и заполняя пустотой до самого низа страницы...
blok_height для 1-го, 2-го и 3-го блока из рассматриваемого примера составил 209,38,209 соответственно. Режим совместимости отключен...
Может проблема в версиях jQuery? У меня 1.8.3

Кстати, на моем создаваемом сайте такого растягивания нет! Поскольку блок вставляется в таблицу... Но блок все равно открывается полностью:

ну по крайней мере blok_height выдает вроде то что нужно

посмотрите у каждого блока появилась ли в стилях max-height?если появилась значит проблема в структуре html, может быть иммеено в таблице, я припоминаю, что в каком то случае у меня max-height не срабатывал именно в таблице

но ведь 1-ый вариант скриншота я привел как есть (без таблиц)
в стилях max-height: 80px появился только у 1-го и 3-го блоков...
Что-то я думаю, что проблема в
<div style="height:'100%'">
!?

ну попробуй без style="height:'100%'" если заработает, попробую у себя так же сделать
пробуй вставлять алерты между кодом, найди место где он ломается, и покажи мне, я бы у себя попробовал, но ведь у меня то работает почему то...

Проблему с IE победил, просто указазал:

<!DOCTYPE html>

Теперь возникла необходимость поменять стиль ссылки:

a.more:visited {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11pt;
	color: rgb(48, 189, 250);
	text-decoration: none;
	font-weight: bold;
}
a.more:hover {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11pt;
	color: rgb(242, 109, 0);
	text-decoration:  underline;
	font-weight: bold;
}
a.more:link {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11pt;
	color: rgb(48, 189, 250);
	text-decoration: none;
	font-weight: bold;
}
a.more:active {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 11pt;
	color: rgb(242, 109, 0);
	text-decoration:  underline;
	font-weight: bold;
}

Но как его "прикрутить" к строке:

<a class="read-next" href="#" style="display:none;" >Читать далее...</a>

Ума не приложу....

Стиль ссылок на своем сайте я везде менял так:

<a class="more" href="...

А вот как в данном случае его поменять? Чтобы и "Читать далее" и "Скрыть" - были во вновь заданном стиле.

Олег, скажи, пожалуйста, как сделать чтобы данная кнопка открывала объект к примеру на 1000 px, затем опять на 1000 px, затем опять. И так до конца страницы.