Ну тогда показывай как пробуешь решить эту проблему ).
<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>