js控制ul和li的问题,急!

Question

<ul>
<li id="1"><image src="plus.gif" onclick="show()" >11</li>
<div id=11>
               <ul>
                 <li>a</li>
         <li>b</li> 
         <li>c</li>
               <ul>
        </div>
<li id="2"><image src="plus.gif" onclick="show(2)">22</li>
<li id="3"><image src="plus.gif" onclick="show(3)">33</li>
</ul>
<script type=text/javascript>
function show(){
if(document.getElementById('11').style.display == ""){
document.getElementById('11').style.display="none";
}else{
document.getElementById('11').style.display="";
}
}
</script>

Answer 1

楼上的 这个不是不想要的 我自己搞定拉!<script language="JavaScript" type="text/javascript">
<!--
var obj=[];
var oldId = null;
var j=11;
function show(id){
var i=null;
for( i=0;i<obj.length;i++){
if( obj[i]==id){
break;
}
}
var li = document.getElementById( id );
if( i !=null ){
var ul = document.createElement( "UL" );
//var newLi='<li id="'+i+'"><image src="plus.gif" onclick="show('+i+')" >a</li>';
var newLi='<li><image src="folder.gif">'+ j++ +'</li>';
ul.innerHTML=newLi;
li.appendChild( ul );
obj[id]=ul;
}else{
li.appendChild( obj[i] );
}
if(oldId!=null){
closeTree( oldId );
}
oldId=id;
}
function closeTree( id ){
var li = document.getElementById( id );
var ul = li.lastChild;
li.removeChild( ul );
}
//-->
</script>