ybiza, а если таки чуть-чуть напрячь свои извилины?
<!DOCTYPE html>
<html>
<head>
<style>
.off {
display: none;
}
</style>
<script>
function On(N) {
var o=document.getElementById('info'+N)
o=o.getElementsByTagName('p')
var ok=false
for (var i=0; i<o.length; i++) {
if (o[i].className=='on') {
o[i].className='off'
if (o[i+1]) {
o[i+1].className='on'
ok=true
}
break
}
}
if (!ok) {
o[0].className='on'
}
}
</script>
</head>
<body>
<a href='#' onclick='On(1); return false;'>Нажмите сюда 1</a>
<div id='info1'>
<p name='txt' class='on'>
1.1. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
<p name='txt' class='off'>
1.2. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
<p name='txt' class='off'>
1.3. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
</div>
<a href='#' onclick='On(2); return false;'>Нажмите сюда 2</a>
<div id='info2'>
<p name='txt' class='on'>
2.1. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
<p name='txt' class='off'>
2.2. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
<p name='txt' class='off'>
2.3. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
<p name='txt' class='off'>
2.4. Тут может быть все, что вы захотите, от картинок до текста или рекламы.
</p>
</div>
</body>
</html>