error code is hanging

[richei]

I'm in the mist of doing a login script for a new site.  I have the script working, just as long as you get it right the first time, because after that, it seems to hang on the delay.  Script is below

$("#login_button").click(function() {
  $.post("inc/login.php", $("#loginForm").serialize(), function(data) {
   var login = data.login;
   var message = data.message;
   if(login == true) {
    $("#login").empty().delay(5000).fadeOut('slow');
   }
   if(login == false) {
    $("#login_window").css('visibility','hidden');
    $("#message").css('visibility','visible').html(message);
    $("#message").delay(4000).queue(function() {
     $("#message").empty().css('visibility','hidden');
     $("#login_window").css('visibility','visible');
    });
   }
  }, "json");
});

Basically, its supposed to show the returned error message for 4 seconds, then show the login form again.  I'm using a regular button, not the submit type button.  I don't have any errors in firebug.  Anyone have any ideas?

 

(i know about show and hide, but those caused entirely to many problems).

Edited May 15, 2014 by richei

[richei]

problem fixed, just had to add .stop to the login_window entry. also reworked it to simplify it some.