Error en codigo

[xlos_mas_pro]

Hola tengo un pequeño problema tengo un codigo de mostrar una venta cuando le hago click a un li haci

Código Javascript:

$(document).ready(function(){
    $('#pasos li').click(function(){
        $('#pasos li  span').fadeIn(500);
        return false;
 
    });
    
    var over = false;
    
    $('#pasos li span').hover(function(){
        over = true;
    }, function(){
        over = false;
    });
    
    $('body').click(function(){
        if ( over == false )
            {
                $('.fade').fadeOut(500);
            }
    });
});
 

Código HTML:

<ul id="pasos">
 <li>
   boton 1 
   <span>otro algo</span>
</li>
 <li>
   boton 2
   <span>otro algo</span>
</li>
</ul>
 

pero lo que pasa es que si apreto por ejemplo el boton 1 se me muestra el texto del boton 1 y el boton 2 y solo quiero que se muestre el del boton 1