Aparicion de elementos de forma escalonada

[Reedyseth]

@oms02 probaste Tú código y te funcionó ?

@madman_18 disculpa el codigo que te voy a compartir, pero funciona y hace lo que pediste, utiliza un timer con la función setTimeOut() y algo de programación de Javascript Avanzada llamada 'closures'.

El Javascript o mas bien jQuery:

Código Javascript:

jQuery(function($) {
    $('ul li').hide();
 
    showElement();
 
    function showElement() {
        // obtener número de elementos
        var numElementos = $('ul li').length;
        var i = 0;
        var tiempoDelay = 650;
 
        function mostrar() {
            $('ul li:eq('+i+')').stop().show("slow");
            if(i < numElementos) {
                setTimeout(mostrar,tiempoDelay);
                i++;
            }
        }
        setTimeout(mostrar,tiempoDelay);
    }
});
 

Tu html, si ya lo integras a un sitio solo es cuestión de que juegues con los selectores.

Código HTML:

<ul>
     <li>opcion 1</li>
     <li>opcion 2</li>
     <li>opcion 3</li>
     <li>opcion 4</li>
</ul>
 

Saludos