Lista desplegable...

[phpdevelopment]

Hola buenas, tengo el siguiente problema....

tengo esta lista

Código:

  
<ul id="menu">
    <li><a>One</a></li>
    <li><a>Two</a>
      <ul>
        <li><a>Two 1</a></li>
        <li><a>Two 2</a></li>
      </ul>
    </li>
    <li><a>Three</a></li>
    <li><a>Four</a>
      <ul>
        <li><a>Four 1</a></li>
        <li><a>Four 2</a></li>
      </ul>
    </li>
  </ul>

pues bien con jquery , me gustaria poder agregar a todos los li , q tengan hijos un span con + y -, segun este o no desplegado , despues de sus etiquetas a, para poder hacerlo extendible , el resultado deberia ser.

Código:

<ul id="menu">
    <li><a>One</a></li>
    <li><a>Two</a><span>[+]</spa>
      <ul>
        <li><a>Two 1</a></li>
        <li><a>Two 2</a></li>
      </ul>
    </li>
    <li><a>Three</a></li>
    <li><a>Four</a><span>[+]</spa>
      <ul>
        <li><a>Four 1</a></li>
        <li><a>Four 2</a></li>
      </ul>
    </li>
  </ul>

Como puedo acceder y agregar un span con jquery a los padres de la lista....
Muchas gracias....
Un saludo

[Naahuel]

Esto funciona:

Código HTML:

<script>
  $(function(){
    //seleccionar li's que contienen ul's y aplicarles el span
    var items_con_menu = $('#menu > li:has(ul)');
    items_con_menu
      .children('a').append('<span class=\"masmenos\">+</span>')
      .click(function(e){
        e.preventDefault();//evitar click
        var elem = $(this).next('ul');//obtener submenu a desplegar
        $('#menu ul:visible').not(elem).slideUp().parent().find('.masmenos').html('+');//plegar otros submenus visibles y cambiar - a +
        elem.slideDown().parent().find('.masmenos').html('-');//desplegar menu actual y cambiar + por -
      });
  });  
  
</script>
  <style>
    #menu ul{
      display:none;
    }
  </style>
 

Aunque tal vez sea necesario una optimización del código. Me parece que da muchas vueltas, lo hice rápido.