tabib_m
شنبه 21 بهمن 1385, 17:18 عصر
راه اول :
<script>
function clicked(){
if(document.getElementById('a1').style.display!="none"){
var theValue="none";
}else{
var theValue="";
}
for(c=1;c<4;c++){
document.getElementById('a'+c).style.display=theVa lue;
}
}
</script>
<table>
<tr onClick="clicked();">
<td>
A
</td>
</tr>
<tr id="a1">
<td>
B
</td>
</tr>
<tr id="a2">
<td>
C
</td>
</tr>
<tr id="a3">
<td>
D
</td>
</tr>
</table>
راه دوم :
<script>
function clicked(){
if(document.getElementById('a').style.display!="none"){
document.getElementById('a').style.display="none";
}else{
document.getElementById('a').style.display="";
}
}
</script>
<div style="width: 400px;">
<table width="100%">
<tr onClick="clicked();">
<td>
A
</td>
</tr>
</table>
<table width="100%" id="a">
<tr>
<td>
B
</td>
</tr>
<tr>
<td>
C
</td>
</tr>
<tr>
<td>
D
</td>
</tr>
</table>
و و و و و ....
بستگی داره دقیقا چیکار میخوای بکنی ، اونوقت راه بهتر رو میشه انتخاب کرد...
موفق باشید
-----------------
ویرایش شد: مهم اینه که در کل باید از onClick و style.display استفاده کنی ...
موفق باشید