Hello. My site http://charleybiggs.com.s64567.gridserver.com/ is working properly in Chrome and Safari. When you click on certain boxes, specific divs load at the top of the page. In Firefox though these divs are automatically showing when the page loads. They are supposed to be hidden until a box is clicked. Anyone have any idea why it’s doing this?
<script type="text/javascript">
$( document ).ready(function() {
jQuery("#music").click(function () {
jQuery("#musicinfo").slideToggle('slow');
jQuery("#fpinfo, #behindinfo, #behindinfo, #signupinfo").hide('slow');
});
jQuery("#fproduct").click(function () {
jQuery("#fpinfo").slideToggle('slow');
jQuery("#musicinfo, #behindinfo, #behindinfo, #signupinfo").hide('slow');
});
jQuery("#behind").click(function () {
jQuery("#behindinfo").slideToggle('slow');
jQuery("#fpinfo, #musicinfo, #signupinfo").hide('slow');
});
jQuery("#signup").click(function () {
jQuery("#signupinfo").slideToggle('slow');
jQuery("#fpinfo, #musicinfo, #behindinfo").hide('slow');
});
jQuery(".exit").click(function () {
jQuery("#behindinfo, #musicinfo, #fpinfo, #signupinfo").hide('slow');
});
$('#behind, #fproduct, #music, #signup').click(function(){
var divLoc = $('#top').offset();
$('html, body').animate({scrollTop: divLoc.top}, "slow");
});
});
