Есть несколько блоков, например 10 штук, с идентификаторами:
block1
block2
block3
.....
После загрузки страницы у всех кроме первого - display:none; При нажатии на ссылку в первом блоке, он скрывается и показывается второй блок. При нажатии на ссылку во втором блоке, скрывается второй и показывается третий. И так далее.
В ссылках отслеживается событие onClick и затем идёт обращение к нужному блоку по id.
onClick="document.ла ла ла..., ну вы знаете..." :-)
Ну так вот, представляете сколько это (лишнего?) кода?! В каждой ссылке идет обращение к текущему блоку, чтобы его скрыть и затем обращение к следующему, чтобы его показать. Может быть это всё возможно как-нибудь упростить?
Пример кода:
<div id="block1" style="display:block;">
<a href="#" onClick="document.getElementById('block1').style.display='none'; document.getElementById('block2').style.display='block';">Закрыть этот блок и открыть второй</a>
</div>
<div id="block2" style="display:none;">
<a href="#" onClick="document.getElementById('block2').style.display='none'; document.getElementById('block3').style.display='block';">Закрыть этот блок и открыть третий</a>
</div>
и т.д.