javascript - js/jquery フォームはスライドしますが、Firefox では非表示になりません

Question

私のログインページには、ログイン、サインアップ、パスのリセットの 3 つのフォームがあります。ログインフォームのみを表示したかったのですが、ユーザーがそれぞれのボタンをクリックすると、他の 2 つのフォームが表示されます。 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の部分で何か間違ったことをしたと思いますが、クロムが完全に表示されているので、疑問に思っています。