请教：如何在以下代码基础上添加图片？
要求：1、A、B节点前显示图片
2、A、B节点关闭时显示图片1；（如：附件一）
3、A、B节点展开时显示图片2；（如：附件二）
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script Language="javaScript">
<!--
function Expand(sid){
  if (document.all(sid).style.display=="none"){
    document.all(sid).style.display="";     
  }else{
    document.all(sid).style.display="none";    
  }    
}
-->
</script>
</head>
<body bgcolor="#FAFFFF" text="#000000">
<p class="textfont"><font face="楷体_GB2312">
<div align="center">
<br>
<span onclick=Expand('fe1')>[A]</span><br>  
<div id=fe1 style=display:"none">
  ┣a1<br>
  ┣a2<br>
  ┣a3<br>
  ┗a4<br>     
</div>
<span onclick=Expand('fe2')>[B]</span><br>  
<div id=fe2 style=display:"none">
  ┣b1<br>
  ┣b2<br>
  ┣b3<br>
  ┗b4<br>     
</div>
</div>
</div>
</p>
</body>
</html>