[Решено] Js плагин спойлера

[noVe]

Доброго,

 

Может кто знает пример кода, где реализован автоматический спойлер. То есть - есть текст абзацев 10. 2 абзаца отображаются. В конце второго кнопка подробнее - при клике на которую текст разворачивается полностью. При этом "подробнее" добавляется автомат к тексту - ее не надо прописывать вручную.

 

Мне пока в голову приходит только вариант с фиксированной шириной и overflow:hidden и кнопкой, которая скрывает/показывает.

[chukcha]

правильно мыслите

 

только

1. проверяем высоту блока

2. если высота блока "нормальная", то не трогаем

3. Если высота блока большая, то добавляем кнопку скрыть показать

4. блоку задаем высоту и overflow:hidden

$(document).ready(function(){
		var h1 = $('.myblock');
		var h1h = h1.height();
		h2h =105;
		if (h1h > h2h) {
		h1.css('height', h2h);
			$( '<div class="more_btn_cnt"><div id="spoller" class="more_btn"></div></div>').insertAfter( ".myblock" );
			$('#spoller').toggle(
				function(){
					h1.animate({height:h1h},1000);
				},
				function(){
					h1.animate({height:h2h},500);
				}
			)
		}
	})

Если не ошибся, то ~ так

[Vetal]

Поиск по форуму по фразе "hide аналог" . Решение будет 100%

[klaos27]

Как вариант

[noVe]

Спасибо за помощь. Воспользовался readmore.js