Заранее прошу прощения, за скорее всего очевидный вопрос:
есть список
<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
<li>Пункт 3</li>
</ul>
И есть скрытые блоки
<div class='hidden'>
Информация 1
</div>
<div class='hidden'>
Информация 2
</div>
<div class='hidden'>
Информация 3
</div>
нужно, чтобы при клике на пункт 1 открывался блок 1. я знаю как сделать это громоздко, для каждого отдельное событие. Но не знаю как сделать технично. Подскажите, пожалуйста?