Сворачивание блоков таблицы.

Значит так. Никогда раньше не приходилось такое делать. Прошу помощи. Есть условная таблица с 2мя ячеками A и В. Задача состоит в том, чтобы при нажатии на ячейку A, ячейка B пропадала. Ниже пример кода со спрятанной ячейкой, вопрос в том теперь как с помощью DHTML заставить при нажатии на ячйку А, ячейку В сворачиваться и разворачивать, помогите понять принцип, пожалуйста.

Код:

---

<table>
 *<tr>
 * *<td>A</td>
 * *<div style="display: none;"><td>B</td></div>
 *</tr>
</table>

---

Можно так:

Код:

---

<table>
 <tr>
 * <td onclick="td2.style.display=(td2.style.display!=&#39;&#39;)?&#39;&#39;:&#39;none&#39;">A</td>
 * <td id="td2">B</td>
 </tr>
</table>

---

Пасиб огромное, это то, что мне нужно было. Теперь развитие темы. Немного усложняю таблицу, хочу, чтобы сворачивалось одновременно в ячейки, но, если им обеим присваиваю id="2", то выскакивает ошибка!

Для наглядности, я разукрасил ячекм разными цветами.

Код:

---

<table width="500" height="50" cellspacing="0" cellpadding="0" border="1">
<tr>
 * *<td id="td2" bgcolor="red" >B</td>
 * *<td id="td2" bgcolor="blue" rowspan="2">C</td>
</tr>
<tr>
 * *<td onclick="td2.style.display=(td2.style.display!=&#39;&#39;)?&#39;&#39;:&#39;none&#39;" bgcolor="orange">A</td>
</tr>
</table>

---

id должно быть уникальным:

Код:

---

<table width="500" height="50" cellspacing="0" cellpadding="0" border="1">
<tr id="td2">
 * <td bgcolor="red" >B</td>
 * <td bgcolor="blue" rowspan="2">C</td>
</tr>
<tr>
 * <td onclick="td2.style.display=(td2.style.display!=&#39;&#39;)?&#39;&#39;:&#39;none&#39;" bgcolor="orange">A</td>
</tr>
</table>

---

ага, так значит, сенкс...

а как реализуется вот что...

Код:

---

<table>
<tr>
 *<td onclick="td2.style.display=(td2.style.display!=&#39;&#39;)?&#39;&#39;:&#39;none&#39;">[img]arrow_up.gif[/img]</td>
 *<td id="td2">B</td>
</tr>
</table>

---

Добавим в ячейку отвечающую за сворачивание другой ячейки изображение стрелочки. Каким образом реализуется вот что. Необходимо, чтобы после скрытия панели вместо изображения arrow_up.gif отображалось arrow_down.gif и alt="Cвернуть панель" менялся на alt="Развернуть панель"?

Заранее благодарен.

На скорую руку - полагаю со старыми браузерами код не будет работать

Код:

---

<script language="JavaScript" type="text/javascript">
function changeimg(){
if (td2.style.display==&#39;&#39;){
 *td2.style.display = &#39;none&#39;;
 *img1.src = &#39;arrow_down.gif&#39;;
 *img1.title = &#39;Развернуть панель&#39;;
}
else {
 *td2.style.display = &#39;&#39;;
 *img1.src = &#39;arrow_up.gif&#39;;
 *img1.title = &#39;Cвернуть панель&#39;;
}
}
</script>
<table>
<tr>
 <td onclick="changeimg()">[img]arrow_up.gif[/img]</td>
 <td id="td2">B</td>
</tr>
</table>

---

alt заменил на title, т. к. только он обеспечит правильную работу в других браузерах отличных от ие.

Напоследок, стоит просмотреть какой нидь справочник по DHTML, после чего подобные вопросы отпадут [Only registered and activated users can see links. Click Here To Register...]

Удачи!

огромное спасибо