J'ai fait un menu en arborescence avec Web Expert 5 qui a a peu pres cette gueule :  
<ul>
<li id="foldheader">News</li>
<ul id="foldinglist" style="display:none" style=&{head};>
</ul>
 
<li id="foldheader">EMULATEURS</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li>Game Boy</li>
<li>Nintendo</li>
<li>Super Nintendo</li>
<li>Nintendo 64</li>
<li>Game Gear</li>
<li>Playstation</li>
</ul>
 
<li id="foldheader">ROMS</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li>Game Boy</li>
<li>Nintendo</li>
<li>Super Nintendo</li>
<li>Nintendo 64</li>
<li>Game Gear</li>
</ul>
 
<script language="JavaScript1.2">
<!-- Begin
/**
* Routine de récupération de témoin, par Shelley Powers
* (shelley.powers@ne-dev.com)
*/
function get_cookie(Name) {
var mysearch = Name + "=";
var returnvalue = "";;
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(mysearch);
// si le témoin existe
if (offset != -1) {
offset += mysearch.length;
// paramétrez l'index du début de la valeur du témoin
end = document.cookie.indexOf(";", offset);
// paramétrez l'index de la fin de la valeur du témoin
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end));
}
}
return returnvalue;
}
 
if (get_cookie(window.location.pathname) != ''{
var openresults=get_cookie(window.location.pathname).split(" " );
for (i=0 ; i < openresults.length ; i++){
foldinglist[openresults[i]].style.display='
';
document.all[foldinglist[openresults[i]].sourceInd
ex -
1].style.listStyleImage="url(open.gif)";
}
}
 
if (document.all){
var nodelength=foldinglist.length-1;
var nodes=new Array(nodelength);
var openones='';
}
 
function check(){
for (i=0 ; i <= nodelength ; i++){
if (foldinglist[i].style.display==''
openones=openones + " " + i;
}
document.cookie=window.location.pathname+"="+openones;
}
 
if (document.all)
document.body.onunload=check;
// End -->
</script>
 
Et je voudrai mettre des images (des puces) devant les titres du menu, changer leur couleur....