Pasar de una ventana modal a otra!!!

[Reedyseth]

Esta muy interesante lo que haces, pero mira, yo lo que haria en vez de estar abriendo varias ventanas modales, seria agrupar las preguntas en divs y todo esto manejarlo en un solo modal, si te fijas con el modal tienes la opcion de crear botones, crea un boton de siguiente y cuando lo preciones haces tus peticiones Ajax para cada pregunta, te voy a poner un ejemplo y tu te encargar de hacer las peticiones Ajax con el servidor como lo estas haciendo con $.post();

Código Javascript:

$(document).ready(function () {
            var trackQ = 1; // variabel con la que sabemos en que pregunta esta
            $('#button').button();
        
            $('#preguntas').dialog({
                autoOpen: false,
                modal: true,
                width: 450,
                height: 350,
                title: "Cuestionario",
                buttons: {
                    Siguiente: function () {                        
                        // escondemos las preguntas actuales
                        $(".p" + trackQ).hide("drop", 300, function(){
                            // Si el trackQ es 3 volver al principio, sino incrementarlo                            
                            trackQ == 3 ? trackQ = 1 :trackQ++;
                            //alert(".p" + trackQ);
                            $(".p" + trackQ).show("drop", 300); 
                        });                     
                    },
                    Cancelar: function () {
                        $(this).dialog("close");
                    }
                },
                close: function() {
                    // para que al momento de volver a abrirlo se muestre de nuevo
                    $(".p1").show();
                }
            });
        
        
            $('#button').click(function () {
                $(".p2, .p3").hide();
                $('#preguntas').dialog("open");
            });
        });
 

HTML que se usa:

Código HTML:

<button id="button">Abrir preguntas</button>
        <div id="preguntas">
            <div class="p1">
                <label>Nombre:</label>
                <input type="text" /><br/>
                <label>Apellido:</label>
                <input type="text" />
            </div>
            <div class="p2">
                <label>Direccion:</label>
                <input type="text" /><br/>
                <label>Ciudad:</label>
                <input type="text" />
            </div>
            <div class="p3">
                <label>Codigo Postal:</label>
                <input type="text" /><br/>
                <label>Telefono:</label>
                <input type="text" />
            </div>
        </div>
 

Y aqui lo puedes correr para ver como funciona: http://fiddle.jshell.net/ZW29U/