IE9 - JQuery Animate的问题

Question

这是我的html的结构：

JSFIDDLE：http://jsfiddle.net/fm2pgs6j/15/

<div id="mainConainer">

 <div id="section1"><a> HYPERLINK Will cause Section1 to slide towards 
left and hide . **DetailsSection** will be shown</div>

 <div id="detailSection"><a> HYPERLINK  On showinng if you click on 
this hyperlinkg this section will slide right,disappear and show section 1</div>

</div>

代码：

someFunction(){
Line 1. $("#section1").animate({left:'-100%'},500);
Line 2. Append the MainContainer with an AJAX Loading Image
Line 3. Load Detail Section via AJAX detailSection.promise.always(....);
line 4. Once loaded hide the AJAX image (Inside always of line 3) }

然而，正在发生的事情是，在加载detailSection之前（通过Ajax），动画不会发生。

任何线索？我必须使用它作为＆＃34;过渡＆＃34;属性在IE9中不起作用