不同的jquery显示效果差别如何就这么大呢

不同的jquery显示效果差别怎么就这么大呢
代码我放在这里了
解压后,把Demo.html的对jquery版本的引用
由原来的<script src="scripts/jquery-1.6.2.min.js"></script>
改成<script src="scripts/jquery-2.1.1.js"></script>
就没有淡入的效果了
我是用Firefox32测的
------解决思路----------------------
首先,楼主你的代码,为什么不将Script放在head里?
其次,你在img上用fadeIn,又在它的父元素上用sildeToggle。

习惯不好。

应该是动画队列的问题。

想要效果一致,淡入淡出并且同时slide,可以这么写:

        $(document).ready(function () {
            var picFrame = $("#picframe");
            $("#clickMe").click(function () {
                //当前为显示或者隐藏。
                var temp = picFrame.is(":hidden") ? "show" : "hide";
                //用animate实现。//heght相当于slideToggle,opacity相当于fadeToggle。
                picFrame.animate({
                    height: temp,
                    opacity: temp,
                }, 1000);
            });
        });