JQuery .slideToggle Проблема в Firefox

Question

Мой сайт http://charleybiggs.com.s64567.gridserver.com/ работает исправно в Chrome и Safari. Когда вы нажимаете на определенные поля, загружаются определенные divs в верхней части страницы. В Firefox, хотя эти divs автоматически отображаются при загрузке страницы. Предполагается, что они скрыты, пока не будет нажата кнопка. Кто-нибудь может понять, почему он это делает?

<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 при загрузке.