jquery - jquery 与 IE 的兼容性——点击功能和淡入淡出

Question

这是我的脚本：http: //jsfiddle.net/3XwZv/153/

HTML

<div id="box1" class="choice" style="background:blue;">
    <div class="selection ordinateur">
        <div class="choix1"><a class="link1" href="#"></a></div>
    </div>
</div>

<div id="box2" class="choice" style="display:none;background:red;">
    <div class="selection ordinateur">
        <div class="choix1"><a class="link2" href="#"></a></div>
    </div>
</div>


<div id="box3" class="choice" style="display:none;background:green;">
    <div class="selection ordinateur">
        <div class="choix1"><a href="#"></a></div>
    </div>
</div>

JS

$(".link1").click(function() {
    $('#box1').fadeOut("slow", function(){
        $('#box2').css("display","block");
        $('#box2').replaceWith(div);

       $('#box1').fadeIn("slow");
    });
    $('.link1').fadeOut("slow");
    return false;
});


$(".link2").click(function() {
    $('#box2').fadeOut("slow", function(){
        $('#box3').css("display","block");
        $('#box3').replaceWith(div);

       $('#box2').fadeIn("slow");
    });
    $('.link2').fadeOut("slow");
    return false;
});

主要目标是当你点击巨大的方块时，我有三个不同的动作。但是，在 Internet Explorer 中，我阻止了第二个。（红色方块不去绿色方块）。
请我需要你们的帮助！

Answer 1

show()我通过使用 jquery和hide()函数显示和隐藏它来修改 div 可见性。我更新了下面的小提琴。

http://jsfiddle.net/VP8ub/2/

希望这就是你所需要的。我在 IE9 中进行了测试，它运行良好。