js / jquery表单幻灯片但没有隐藏在Firefox中

Question

在我的登录页面中有三种形式，分别用于登录，注册和传递重置。我只想显示登录表单。如果任何用户点击相应的按钮，则会出现其他两个表单。在Chrome中，每件事情都很好但是在firefox中注册表单总是出现在登录页面中，但同时传递重置表单隐藏在那里。我的表单属性声明没问题。我检查了那些。但我无法解决问题。

以下是隐藏和滑动以及表单淡出的js代码：

$(document).ready(function () {

    var login = $('#loginform');
    var recover = $('#recoverform');
    var speed = 400;

    $('#to-recover').click(function () {
        $("#loginform").slideUp();
        $("#recoverform").fadeIn();
    });

    $('#to-login').click(function () {
        $("#recoverform").hide();
        $("#loginform").fadeIn();
    });

    $('#to-login').click(function () {

    });

    if ($.browser.msie == true && $.browser.version.slice(0, 3) < 10) {
        $('input[placeholder]').each(function () {

            var input = $(this);
            $(input).val(input.attr('placeholder'));

            $(input).focus(function () {
                if (input.val() == input.attr('placeholder')) {
                    input.val('');
                }
            });

            $(input).blur(function () {
                if (input.val() == '' || input.val() == input.attr('placeholder')) {
                    input.val(input.attr('placeholder'));
                }
            });
        });
    }
});

这是css部分

#loginbox form#loginform { z-index: 200; display:block;}
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox form#signupform { z-index: 150;     display:none;}
#loginbox form#signupform .form-actions {    margin-top: 10px;}

有人可以让我知道我在哪里做错了。我想我在css部分做错了什么，但是镀铬表现得非常好，这就是为什么我在想。