高手请进：如果何在点击树状菜单的可展开结点时给该结点换图片（最起码要把“加”换成“减”）

我现在有一段这样的代码,它在一个结点上有两个分别放置的图片,
它的初始状态如下:
<img src="img/c.gif" border=0><img src="img/fc.gif" border=0>
其中,c.gif是一个加号的图片,而fc.gif是一本折叠的书的图片.
另外,e.gif是一个减号的图片,而fe.gif是一本打开的书的图片.下面是一段根结点的代码，点击展开它时可以把加号图片换成减号的图片，折叠是时可把减号的图片换成加号的图片。请问该如何展开它的同时可以把折叠的书的图片换成打开的书的图片，折叠是时可把打开的书的图片成折叠的书的图片。<a href="#" onClick="expandIt('KB3'); if (this.status==1) {this.firstChild.src='img/c.gif';this.status=0;}
                    else {this.firstChild.src='img/e.gif';this.status=1;} return false" >
                    <img src="img/c.gif" border=0><img src="img/fc.gif" border=0>文件夹一</a>

解决方案 »

  1.   

    已经改正了：
    <script language="JavaScript">
    NS4 = (document.layers) ? 1 : 0;
    IE4 = (document.all) ? 1 : 0;
    ver4 = (NS4 || IE4) ? 1 : 0;if (ver4) {
        with (document) {
            write("<STYLE TYPE='text/css'>");
            if (NS4) {
                write(".parent {position:absolute; visibility:visible}");
                write(".child {position:absolute; visibility:visible}");
                write(".regular {position:absolute; visibility:visible}")
            }
            else {
                write(".child {display:none}")
            }
            write("</STYLE>");
        }
    }function getIndex(el) {
        ind = null;
        for (i=0; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.id == el) {
                ind = i;
                break;
            }
        }
        return ind;
    }function arrange() {
        nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;
        for (i=firstInd+1; i<document.layers.length; i++) {
            whichEl = document.layers[i];
            if (whichEl.visibility != "hide") {
                whichEl.pageY = nextY;
                nextY += whichEl.document.height;
            }
        }
    }function initIt(){
        if (!ver4) return;
        if (NS4) {
            for (i=0; i<document.layers.length; i++) {
                whichEl = document.layers[i];
                if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
           }
            arrange();
        }
        else {
            divColl = document.all.tags("DIV");
            for (i=0; i<divColl.length; i++) {
                whichEl = divColl(i);
                if (whichEl.className == "child") whichEl.style.display = "none";
            }
        }
    }function expandIt(el) {
        if (!ver4) return;
        var whichIMG = document.images[el+"IMG"];
        var o = true;
        if (IE4) {
            whichEl = eval(el + "Child");
            if (whichEl.style.display == "none") {
                whichEl.style.display = "block";
            }
            else {
                whichEl.style.display = "none";
                o = false;
            }
        }
        else {
            whichEl = eval("document." + el + "Child");
            if (whichEl.visibility == "hide") {
                whichEl.visibility = "show";
            }
            else {
                whichEl.visibility = "hide";
                o = false;
            }
            arrange();
        }
        var m = o?"img/plus.gif":"img/minus.gif";
        var tmp = new Image();
        tmp.src = m;
        whichIMG.src = tmp.src;
    }
    onload = initIt;
    </script>
    <div id="KB1Parent" class="parent">　
    　　　<a href="#" onClick="expandIt('KB1'); return false" ><img id="KB1IMG" src="img/minus.gif" border=0>文件夹一</a>
    </div>
    <div id="KB1Child" class="child">　　
    　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt=""><img src="img/open.gif"    border=0>结点一</a><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif"  border=0 alt="" width="15" height="11"><img src="img/open.gif"  border=0>结点二</a>
    </div>
      

  2.   

    这个样子如何
    <script>
    var a
    function showclick(){
    var a
    a++
    //document.form1.submit1.vlaue="有"+a+"次了"  //用于显示效果
    function aa(){if (a%2!=1){
    document.image1.src="jia.JPG"
       }
    else{
    document.image1.src="jian.jpg"
    }
    }</script>
    <body>
    <img name=image1 src="jia.jpg">
    </body>
      

  3.   

    上面有误
    这个样子如何
    <script>
    var a
    function showclick(){
    var a
    a++
    //document.form1.submit1.vlaue="有"+a+"次了"  //用于显示效果
    function aa(){if (a%2!=1){
    document.image1.src="jia.JPG"
       }
    else{
    document.image1.src="jian.jpg"
    }
    }</script>
    <body>
    <img name=image1 src="jia.jpg" onclick=showclick()>
    </body