Has anyone else encountered this issue with the jQuery animate function not working in Firefox but working fine in IE8, Opera, and Chrome? I'm experiencing this problem and wondering if there's a workaround to make it work in Firefox as well.
http://jsfiddle.net/neowot/kdLwg422/
If I haven't made any syntax errors, what steps can be taken to resolve this issue for Firefox?
Thank you.
HTML
<body>
<div id="SearchIcon">Ar!</div>
<div id="LeftPanel"></div>
</body>
CSS
body{
background:orange;
}
#SearchIcon{
background:yellow;
height:20px;
width:40px;
}
#LeftPanel{
position:absolute;
vertical-align:top;
background:green;
width:1096px;
height:588px;
}
JS
$('#SearchIcon').click(function() {
event.preventDefault();
var toggleWidth = $("#LeftPanel").width() == 365 ? "1096px" : "365px";
$('#LeftPanel').animate( {'width': toggleWidth}, 300);
});