اینم خودم حل کردم اما یه سوال من الان کد رو میزارم اما می خوام اول نامرئی باشه و با کلیک کردن پنجره باز بشه نه از همون اول؟
دومین سوالم اینه که چطور میشه تو همین کد های که میزارم دو تا تیبل رو کنار هم داشته باشم اگه دقت کنید درقسمت راست صفحه هیچ چیزی وجود نداره من می خوام تو اونجا تیبل بزارم
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>New Page 4</title>
<title>Collapse Menu</title>
<script type="text/javascript">
function CollapseExpand(item, img)
{
if(item.style.display == 'none')
{
item.style.display = 'block';
img.src = "file:///C|/Documents and Settings/mohsen/My Documents/pi/calendar_detail_down.gif";
}
else
{
item.style.display = 'none';
img.src = "file:///C|/Documents and Settings/mohsen/My Documents/pi/calendar_detail_star.gif";
}
}
</script>
</head>
<body>
<div style="width: 1100; height: 139">
<table bgcolor="#5572AA" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="101%" height="137">
<tr>
<td width="12%" height="137" rowspan="2">
<img border="0" src="../My%20Documents/My%20Pictures/1/128x128/kfm_home.png" width="132" height="136"></td>
<td width="88%" height="69" colspan="2"> </td>
</tr>
<tr>
<td width="37%" height="68"> </td>
<td width="51%" height="68">
<img border="0" src="../My%20Documents/My%20Pictures/advertisehere.jpg" width="468" height="60"></td>
</tr>
</table></div>
<div style="width: 1144; height: 11">
<table bgcolor="#00FF00" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="97%" height="9">
<tr>
<td width="100%" height="8"></td>
</tr>
</table></div>
<div style="width: 815; height: 47">
<table bgcolor="#5C7099" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="26">
<tr>
<td width="100%" height="26"></td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35">
<table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" height="31">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> <div>
<img id="imgIcon1" src="collapse.jpg" onclick="CollapseExpand(divContext1, imgIcon1);" style="cursor: pointer;" />
<span>مسعود</span></td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div id="divContext1" style="background-color: red; height: 200; width: 815;"></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
<div style="width: 815; height: 35"><table bgcolor="#F5F5FF" border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="15%" height="31"> </td>
<td width="15%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
<td width="14%" height="31"> </td>
</tr>
</table></div>
<div></div>
</body>
</html>