eureca, ya lo tengo, se me ocurrio agregarle la propiedad href a la etiqueta <a> y listo, mi codigo final va mas o menos asi:
Código HTML:
#foldheader{
cursor:pointer;
cursor:hand;
list-style: none;
}
#menu{
font-weight:bold;
font-family:Lucida Sans;
font-size:12px;
color:#185584;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:4px;
border-left:#E78200 2px solid;
background-color:#CEE7EF;
width:180px;
}
#menu:hover{
font-weight:bold;
font-family:Lucida Sans;
font-size:12px;
color:#E78200;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
margin-bottom:4px;
border-left:#185584 2px solid;
background-color:#CEE7EF;
width:180px;
}
<ul> <li id="foldheader"><a href="" id="menu">Menu 1</a></li> <ul id="foldinglist" style="background-color:#CEE7EF;width:180px;margin:2px;padding-left:24px;display:none" style=&{head};> <li><a class="item" href="http://www.link.com/">Elemento 1</a></li> </ul> </ul> agradecimientos especiales a <!-- SROHM --> por el interes que mostro y la intencion de ayudar y a Remo:Erdosain por darme la pista que me llevo a la solucion.