Carga js antes el div antes de cargar el script

[Pablo Ayala]

yo hago algo asi:

Código CSS:

.oculto{display:none;}
 

Código HTML:

<div id="loading" class="oculto"><img src="loading.gif" /></div>
<div id="resultado" class="oculto"></div>
 

Código Javascript:

$("#algun_id").click(function(){
 
 //Paso 1, muestro la imagen del loading
 $("#loading").removeClass("oculto");
 
 //Paso 2, cargo la pagina que deseo
 $("#resultado").load("la_pagina.php", function(){
     
     //Paso 3, Terminado de cargar el contenido de "la_pagina.php", muestro el contenido
     $("#resultado").removeClass("oculto");
 });
 
});
 

Asi es como hago lo que deseas, pero con "load"... no creo que haya gran diferencia de intentarlo con ".ajax"

Saludos