Javascript js/jquery表单幻灯片，但不隐藏在firefox中

在我的登录页面中有三个表单，分别是登录、注册和密码重置。我只想显示登录表单。如果任何用户单击相应的按钮，将显示其他两个表单。在chrome中，一切都很好。但在firefox中，注册表单总是出现在登录页面中，但与此同时，pass reset表单隐藏在那里。我对表单属性的声明是正确的。我检查了这些。但我无法解决问题

以下是表单隐藏、滑动和fadein的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部分做错了什么，但是chrome显示得很好，这就是为什么我感到奇怪。

这个

#loginbox表单#loginform

等于

#loginform

，如果你在选择器中使用ID，那么你不应该在它们前面使用选择器。在FF中它也对我起作用：当我按下注册按钮时，两个表单（登录和密码重置）隐藏。但是当我加载页面（login.php）时，注册表单是可见的。但是使用相同的编码，密码重置表单不可见。我只想在进入登录url时隐藏注册表单。phpIn您的代码没有注册按钮，但我认为这正是您想要的：在这个示例中，注册表单是默认的可见表单，另外两个表单有一个按钮来显示它们。

#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;}