Динамическое отображение контента
 

Доброе время суток. Поомгите пожалуйста написать скрипт. Есть меню

<ul id="menu">
			<li><a href="#">1</a></li>
			<li><a href="index.php">2</a></li>
			<li><a href="index.php">3</a></li>
		</ul>

Необходимо чтобы информация в блоке div="content" отображалась динамически без перезагрузки страницы.

Например: Кликнул на 2 ссылку, справа на лево на странице в блоке div="content" меняеться инфа.

Буду благодарен

Ну тогда показывай как пробуешь решить эту проблему ).

<style>
div{display: none}
div:target ~ div{display: none}
div:target{display: inherit}
</style>
<ul id="menu">
    <li><a href="#text1">Учительница</a></li>
    <li><a href="#text2">Трудовик</a></li>
    <li><a href="#text3">Шотландские</a></li>
    <li><a href="#text4">Вращенье</a></li>
    <li><a href="#text5">Детям</a></li>
</ul>
<p id="content">
    <div id="text1">Учительница немецкого языка так выразительно кричала на своего ученика, что он начал получать удовольствие.</div>
    <div id="text2">Трудовик с похмелья поставил “пятерку” только сыну чиновника, потому что тот пилил тише всех.</div>
    <div id="text3">Шотландские гопники не сидят на корточках.</div>
    <div id="text4">Я мненью Вашему вращенье придавал, и осью был мой детородный орган...</div>
    <div id="text5">На заметку детям: презерватив, подкинутый в папин карман, отвлекает родителей от глупых вопросов о школе.</div>
</p>