Вопрос по кодингу, CSS наверное

Нужно сделать так, что бы выводилась часть новости, и при клике на "читать далее" на этой же странице, без перезагрузки всплывала вся новость.
Использование java и любых других вариантов, трудно читаемых поисковиками, не подходит.
В какую сторону копать?

ну как бы палить что это бот
- если бот новости развернутые
- если нет новости скрыты JS


ps: без JS никак...

+1 без JS никак
jquery
типа так
текст текст текст
<div id="data" style="display: none;">текст текст текст</div>
<a onclick="$('#data').slideToggle();" href="#">Читать далее..</a>

спасибо
оценил
в итоге сделал так

Код:

<a href="#" onclick="var els = document.getElementById('hidden_block').style; els.display = (els.display == 'none' ? '' : 'none');">Открыть/скрыть блок</a> <div id="hidden_block" style="display: none;">    скрытый блок<br>    скрытый блок<br>    скрытый блок<br>    скрытый блок<br>    скрытый блок<br>    скрытый блок </div>

Kobalt:
"display: none" не лучший вариант для поисковиков. Можно сделать 1 слой, в котором весь текст, но показывается только часть (или заголовок) засчёт малой высоты блока (для ie: overflow:hidden;), а при клике высота блока раскрывается до нужной, чтобы увидеть всю новость.
Или, например, заюзать эффекты jquery, там почти всегда изначально у блока не указывается невидимость.