bladv
-
Posts
2 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by bladv
-
-
My site http://charleybiggs.com.s64567.gridserver.com/ is working properly in Chrome and Safari. When you click on certain boxes (the boxes with the plus sign), 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() { $("#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>
Jquery .slideToggle Issue in Firefox
in JavaScript
Posted
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!