Всем привет. Нужна помощь.
Имеется конструкция из бесконечного ряда ссылок, отличающихся друг от друга по ID и по определенной логике, которую можно задать, скажем:
<a id="link_id_1">
<div class="show">Показывается текст</div>
<div class="close" id="div_id_1">Показываетcя при нажатии по ссылке</div>
</a>
<a id="link_id_2">
<div class="show">Показывается текст</div>
<div class="close" id="div_id_2">Показываетcя при нажатии по ссылке</div>
</a>
<a id="link_id_3">
<div class="show">Показывается текст</div>
<div class="close" id="div_id_3">Показываетcя при нажатии по ссылке</div>
</a>
<a id="link_id_...">
<div class="show">Показывается текст</div>
<div class="close" id="div_id_...">Показываетcя при нажатии по ссылке</div>
</a>
....
.show {display:block;}
.close {display:none;}
Как сделать так, чтобы при нажатии по ссылке, скажем <a id="link_id_2">, соответствующий вложенный в нее div id="div_id_2" с классом "close" менял класс, скажем на "show", а при повторном нажатии по появившемуся div он обратно менял свой класс на "close"?
Спасибо.