Problema con Ajax jquery.form

[lalo1988]

Hola, estaba comenzando a aprender algo de ajax con jquery y queria implementar que cuando el usuario hicese click en una capa se le mostrase o se ocultase una capa.
Pero hay 2 que son formularios y en funcion de lo que le devuelva el php hará una cosa u otra (el PHP devuelve un string que lo compaero). Pero cuando introduco la parte de jquery.form no me funciona. No me funciona ni la parte donde no hay consultas a los php(es decir lo que no son formularios) .
El codigo es el siguiente, a ver si me podeis ayudar

Código:

$(document).ready(function(){ 
    
      $(".cuentaUsuario").click(function(){ 
       
         $("#formularioRecuperar").show().css("display","none"); 
         $("#recuperarIncorrecto").show().css("display","none"); 
         $("#recuperarCorrecto").show().css("display","none"); 
         $("#loginIncorrecto").show().css("display","none"); 
         $("#formularioLogin").show().css("display","block"); 
      }) 
       
      $(".recuperarContrasena").click(function(){ 
       
         $("#formularioRecuperar").show().css("display","block"); 
         $("#recuperarIncorrecto").show().css("display","none"); 
         $("#loginIncorrecto").show().css("display","none"); 
         $("#formularioLogin").show().css("display","none"); 
      }) 
       
       
            $("#formularioLogin #linea_LoginUsuario #botonLogin").click(function(){ 
       
      var opciones= { 
                               beforeSubmit: mostrarLoader, //funcion que se ejecuta antes de enviar el form 
                               success: mostrarRespuesta //funcion que se ejecuta una vez enviado el formulario 
        }; 
       
      $('#formularioLoginUsuario').ajaxForm(opciones); 
    
       
         function mostrarLoader(){ 
              $("formularioLogin").show().css("display","none"); 
              $("#loading").fadeIn("slow").css("display".; //muestro el loader de ajax 
             }; 
             function mostrarRespuesta (responseText){ 
              if (responeText =="E1"){ 
              $("loading").show().css("display","none"); 
              $("loginIncorrecto".show().css("display","block"); 
              } 
             }; 
       
       
      } 
       
      $("#formularioLogin #linea_LoginUsuario #botonLogin").click(function(){ 
       
      var opciones2= { 
                               beforeSubmit: mostrarLoader2, //funcion que se ejecuta antes de enviar el form 
                               success: mostrarRespuesta2 //funcion que se ejecuta una vez enviado el formulario 
        }; 
       
      $('#formularioRecuperarUsuario').ajaxForm(opciones); 
    
       
         function mostrarLoader2(){ 
              $("formularioRecuperar").show().css("display","none"); 
              $("#loading").fadeIn("slow").css("display".; //muestro el loader de ajax 
             }; 
             function mostrarRespuesta2 (responseText){ 
              if (responseText =="E2"){ 
              $("loading").show().css("display","none"); 
              $("loginIncorrecto").show().css("display","block"); 
              }else if(responseText=="E1"){ 
              $("loading").show().css("display","none"); 
              $("loginCorrecto").show().css("display","block"); 
              } 
             }; 
       
       
      } 
       
       
       
 
    
    
    
   })