Я написал скрипт
function showKabinetWindow()
{
document.getElementById("kabinet").style.display="block";
var hs=document.getElementById("hide_kabinet");
hs.innerHTML='<img src="minus1.png">';
hs.onclick=hideKabinetWindow;
}
function hideKabinetWindow()
{
document.getElementById("kabinet").style.display="none";
var hs=document.getElementById("hide_kabinet");
hs.innerHTML='<img src="plus.png">';
hs.onclick=showKabinetWindow;
hs.style.display="block";
};
document.getElementById("hide_kabinet").onclick= function() {hideKabinetWindow(); return false};
НТML код
<table>
...........
<tr>
<td class="head_kabinet">Редактировать профиль:</td>
</tr>
<tr>
<td class="head_kabinet2">Редактировать Аватар:
<a style="float:right; margin-top:-12px;" href="#" id="hide_kabinet"><img src="minus.png"> </a></td>
</tr>
<tr id="kabinet" >
<td>
<div class="t_text2"> <!-- СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->
<fieldset class="kabinet_form">
<div>Изменить аватар(не обязательно):</div>
<div><input type="file" size="30" /></div>
</fieldset>
</div>
</td>
</tr>
<tr>
<td class="head_kabinet2">Редактировать ФИО:
<a style="float:right;"href="#" id="hide_kabinet2"> вв</a>
</td>
</tr>
<tr id="kabinet2">
<td>
<div class="t_text2"> <!-- СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->
<fieldset class="kabinet_form">
<div>Изменить ФИО(не обязательно):</div>
<div><input type="text" size="60" /></div>
</fieldset>
</div>
</td>
</tr>
<tr>
<td class="head_kabinet2">Редактировать телефон:</td>
</tr>
<tr>
<td>
<div class="t_text2"> <!-- СТИЛЬ ООБВОДКИ ВОКРУГ ФОРМЫ-->
<fieldset class="kabinet_form">
<div>Изменить телефон(не обязательно):</div>
<div><input type="text" size="60" /></div>
</fieldset>
</div>
</td>
</tr>
Скрипт необходим для скрытия элементов формы : при щелчке по картинке -исчезает,нажав еще раз она появляется! ПРОБЛЕМА: как сделать чтобы скрипт работал для скрытия не 1 элемента(изменить аватар), а скрывал по своевременному нажатию: элементы (редактировать телефон и фио)