Вот еще одно решение, немного по другому
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=koi8-ru" /><script src="https://code.jquery.com/jquery-1.11.2.min.js"></script><script type="text/javascript"> function displ(ddd) { var el = document.getElementById(ddd); if (el.className.indexOf('hidden') >= 0) { el.className = 'text-box'; document.getElementById(ddd + '-link').innerText = 'Скрыть текст'; } else { el.className = 'text-box hidden'; document.getElementById(ddd + '-link').innerText = 'Показать текст'; }}</script><style>body {width:200px;}.text-box { heght: 100%; width:200px; float:left;}.text-box.hidden { overflow-y: hidden; height: 200px; }</style></head><body ><div id="var" class="text-box hidden">Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту)Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) </div><a id="var-link" href="javascript:displ('var')">Показать текст</a><br/><br/><br/><div id="var1" class="text-box hidden">Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту)Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) Этот скрытый текст сделан с помощью JavaScript. И вот по какому принципу он работает:... (далее по тексту) </div><a id="var1-link" href="javascript:displ('var1')">Показать текст</a></body></html>
