Доброго времени суток, друзья. Возникла необходимость динамического добавления div контейнеров в ячейки таблицы, по событию checkbox.
Есть таблица, шесть checkbox'ов и столько же div контейнеров:
<html>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</html>
<div id="1" style="display: none">
<input class="i1" type="text" name="name" />
</div>
<div id="2" style="display:none">
<input class="i2" type="text" name="name" />
</div>
<div id="3" style="display: none">
<input class="i3" type="text" name="name" />
</div>
<div id="4" style="display: none">
<input class="i4" type="text" name="name" />
</div>
<div id="5" style="display: none">
<input class="i5" type="text" name="name" />
</div>
<div id="6" style="display: none">
<input class="i6" type="text" name="name" />
</div>
<input type="checkbox" id="c1" name="option1" value="a2">
<input type="checkbox" id="c2" name="option2" value="a2">
<input type="checkbox" id="c3" name="option3" value="a2">
<input type="checkbox" id="c4" name="option4" value="a2">
<input type="checkbox" id="c5" name="option5" value="a2">
<input type="checkbox" id="c6" name="option6" value="a2">
Подскажите как реализовать появление divov в ячейках таблицы последовательно, то есть если выбран чекбокс 1-3-5 в ячейках таблицы они появляются именно в такой последовательности, при снятии чекбоксов из ячеек пропадают, чтоб была возможность выбрать другие, которые в свою очередь так же последовательно появляются в ячейках (td) и.т.д
Может проще в inner генерировать код... Вообщем понятия не имею как реализовать.
В Js очень слаб, спасибо.