ma semplificare il todos????

codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">

.menu_nascosto
{
	display:none;
}
.menu_visibile
{
	display:block;
}

.menu_titolo
{
   color:blue;
   text-decoration:underline;
   cursor:pointer;
}

</style>
<script type="text/javascript">
function hideView(objDiv){
	appoDiv = document.getElementById(objDiv)
	appoDiv.className == "menu_nascosto" ? appoDiv.className = "menu_visibile" : appoDiv.className = "menu_nascosto"
}
</script>
</head>

<body>

<ul id="menu">[*]
      <span onclick="hideView('menu1')">Verdura</span>
      <ul id="menu1" class="menu_nascosto">[*]Pomodori[*]Carote[/list]
   [*]
      <span onclick="hideView('menu2')">Frutta</span>
      <ul id="menu2" class="menu_nascosto">[*]Mele[*]Pere[/list]
   [/list]


</body>
</html>