js 切换图片隐藏显示div层

<script type="text/javascript">

function Submit_onclick(){
    var ssrc=document.getElementById('img1');
    if(ssrc.alt=="显示收藏夹")
    {

        document.all("img1").src="images/shou.JPG";
        document.getElementById("demo").style.display='block';        
        ssrc .alt="隐藏收藏夹";
    }else
    {
        document.all("img1").src="images/zhan.JPG";
        document.getElementById("demo").style.display='none';
        ssrc .alt="显示收藏夹";
    } 
}
</script>

 

 

<div οnclick="Submit_onclick();" ><img src="images/zhan.JPG" alt="显示收藏夹" id="img1" name="img1" /></div>

 

<div id="demo" style="overflow:hidden;height:210px;width:900px;display:none">

<table align=left
        cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td><a href="#"><img src="images/ceshi.jpg" /></a><span><br />
      名称：20世纪初BLUE LINE出品...<br />
      编号：BL0728<br />
      价格：7900</span></td>
    <td><a href="#"><img src="images/ceshi.jpg" /></a><span><br />
      名称：20世纪初BLUE LINE出品...<br />
      编号：BL0728<br />
      价格：7900</span></td>
   <td><a href="#"><img src="images/ceshi.jpg" /></a><span><br />
      名称：20世纪初BLUE LINE出品...<br />
      编号：BL0728<br />
      价格：7900</span></td>
 <tr>
</table>

</td></tr></table></div>