Для того, чтобы самым простым способом открыть и скрыть область или текст, можно использовать самый простой Java-скрипт.
Ниже его код, в котором разберется любой html-щик:
<div id="pokazat">
<a href="#" onClick="document.getElementById('pokazat').style.display='none';document.getElementById('skryt').style.display='';return false;">Показать текст </a>
</div>
<div id="skryt" style="display:none">
<p>Тут пишем текст, который нужно показывать и скрывать</p>
<a href="#" onClick="document.getElementById('skryt').style.display='none';document.getElementById('pokazat').style.display='';return false;">Скрыть текст</a>
</div>
Вот и все. Готово!
Материал взят на devfix.ru и представлен исключительно в ознакомительных целях.