Суть такая: в popup окошке есть две кнопочки: кнопочка1 и кнопочка2.
При нажатии на кнопочка1 появляются одни элементы таблицы, при нажатии на кнопочка2, появляются другие элементы таблицы, а предыдущие пропадают. хотелось бы сделать так, чтобы при нажатии на кнопочку1 или кнопочку2 они тоже пропадали, но почему-то не работает. помогите разобраться пожалуйста, вот код:
onload = function() {
tbl = document.getElementById('tbl')
tbl = {
td1: tbl.getElementsByTagName('td')[0],
td2: tbl.getElementsByTagName('td')[1],
td3: tbl.getElementsByTagName('td')[2]
}
but = document.getElementById('but')
but = {
t1: tbl.getElementsByTagName('but')[0],
t2: tbl.getElementsByTagName('but')[1]
}
}
<table id="but" cellspacing="1" cellpadding="1" border="0">
<tr><td><input type="button" onclick="show(tbl.td1); show(tbl.td2); hide(tbl.td3); hide(but.t1); hide(but.t2)" value="кнопочка1"/></td>
<td><input type="button" onclick="show(tbl.td1); show(tbl.td3); hide(tbl.td2); hide(but.t1); hide(but.t2)" value="кнопочка2"/></td></tr>\
</table>\
<table id="tbl" cellspacing="1" cellpadding="1" border="0">\
<tr><td style="display:none"><input type="button" onclick="hide(tbl.td1); hide(tbl.td2); hide(tbl.td3)" value="вернуться к кнопочкам"/></td></tr>\
<tr><td style="display:none">одна строка</td>\
<td style="display:none"><вторая строка</td></tr>\
</table>
зы функции show и hide работают корректно.. кнопка "вернуться к кнопочкам" тоже, а вот при нажатии на кнопочка1 появляется только "вернуться к кпопочкам и "одна строка", а сами "кнопочка1" и "кнопочка2" не пропадают(