部分jquery代码（侧面板滑动）在IE8中不起作用

Question

这是问题的小提琴： http://jsfiddle.net/kLXYa/1/

当您点击“切换”链接时，左侧面板会挤压到0％宽度并执行其他一些操作，当您再次单击'toggle'时，会发生相反的情况。问题是左侧面板挤压不能用于IE8，我很怀疑它是否在ie9中工作。请告诉我可以做些什么让它在IE8开始工作，就像它在Firefox中工作一样

我已经制作的jquery是这样的：

$(document).ready(function(){

$('#panel-trigger').click(function(){

if($('#panel').is(":visible")){
$('#panel').animate({width: "0%"}, 200);
$('#rightside').animate({"width": "98%", "margin-right": "1%", "margin-top": "150px"}, 400, function(){

    $('.topmenu').fadeIn(300);

    });

}

else{

$('#panel').animate({width: "22.75%"}, 350);
$('#rightside').animate({"width": "69.25%", "margin-top": "0px"}, 150);
$('.topmenu').fadeOut(300);

}

});

});