Конечно вы можете воспользоваться советом Yuri_G, но как быстрая мера, для страниц созданых в Редакторе страниц можно воспользоваться простеньким скриптом (я его уже вроде предлогал, но среди своих ответов не нашёл).
<script type="text/javascript">
var sh_cont;
var sh_dot;
function showHide(sh_cont, sh_dot)
{
if (document.getElementById(sh_cont).style.display == 'block')
{
document.getElementById(sh_cont).style.display = 'none';
document.getElementById(sh_dot).innerHTML='... читать далее';
}
else {
document.getElementById(sh_cont).style.display = 'block';
document.getElementById(sh_dot).innerHTML='свернуть...';
}
}
</script>
<h1>Заголовок</h1>
Текст который останется видимым <div id="sh_cont01" style="display: none;">Скрытый текст. Скрытый текст. Скрытый текст.Скрытый текст.</div>
<a href="#" onclick="showHide('sh_cont01','sh_dot01')"><div id="sh_dot01" style="text-align: right; font-style: italic; font-weight: bold">... читать далее</div></a>
Работать будет на любой странице. Неудобство в том, что ставим код не в шаблон, а при добавлении -редактировании материала, поэтому годен только если вы сами добавляете материал. ID в divах задаёте тоже в ручную, для каждого материала.
P.S: Нашёл свой ответ на похожий вопрос. Не знаю как следует поступить. Речь там о главной странице сайта, но справедливо для любой страницы. Смотреть здесь