- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › .slideToggle issue in Firefox
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");
});
});
Nevermind, I just figured out the issue. The divs were set to display:none and reveal once the jquery function is triggered. For some reason Firefox wasn’t properly reading the display:none in my css. Thanks anyways!