generar un display

[Dafonz]

Probaste acaso lo que te puse es exactamente eso sin tener que meter banderas y eventos de sobra.. en lo que puciste:

Código Javascript:

$('#pasos li').click(function(event) {
            event.stopPropagation();
            $(this).children("span").show();
        });
        
        $(document).click(function() {
            $('#pasos li span').hide();
        });
 

Código HTML:

<ul id="pasos">
   <li>
     texto
       <span style="display:none">otro texto</span>
   </li> 
</ul>
 

Al darle click en li se muestra, al darle click en todo lo que no este dentro del li se cierra... o ya de perdido si vas a usar funciones extras utilizar mouseenter que over se dispara muchisimas veces mas de las necesarias..