Firefox中的Jquery .slideToggle问题

Question

我的网站http://charleybiggs.com.s64567.gridserver.com/在Chrome和Safari中正常运行。当您单击某些框时，特定div将加载到页面顶部。在Firefox中虽然这些div在页面加载时自动显示。它们应该被隐藏，直到单击一个框。任何人都知道为什么会这样做？

<script type="text/javascript">
    $(document).ready(function () {

        $("#music").click(function () {
            $("#musicinfo").slideToggle('slow');
            $("#fpinfo, #behindinfo, #behindinfo, #signupinfo").hide('slow');

        });


        $("#fproduct").click(function () {
            $("#fpinfo").slideToggle('slow');
            $("#musicinfo, #behindinfo, #behindinfo, #signupinfo").hide('slow');

        });

        $("#behind").click(function () {
            $("#behindinfo").slideToggle('slow');
            $("#fpinfo, #musicinfo, #signupinfo").hide('slow');

        });


        $("#signup").click(function () {
            $("#signupinfo").slideToggle('slow');
            $("#fpinfo, #musicinfo, #behindinfo").hide('slow');

        });

        $(".exit").click(function () {
            $("#behindinfo, #musicinfo, #fpinfo, #signupinfo").hide('slow');

        });

        $('#behind, #fproduct, #music, #signup').click(function () {
            var divLoc = $('#top').offset();
            $('html, body').animate({
                scrollTop: divLoc.top
            }, "slow");
        });
    });
</script>

Answer 1

Firefox未加载您的PHP CSS文件。加载时#musicinfo没有应用任何样式。