简单JQuery图像淡入淡出有问题

我有一个图像，我想淡入淡出，然后显示一个Div。然后单击“淡入淡出”返回到上一个图像并隐藏Div。它可以完美地显示Div，但反之则不起作用。任何帮助都将不胜感激。谢谢

    <div id="calcDrop"><img id="plusCalc" height="33px" align="left" class="plusCalc changePad" alt="plusButton" src="/sites/aerialist.localhost/files/images/calculator/plusBig300.jpg" />
    <img height="34px" align="left" class="changePad" alt="Calculate Price" src="/sites/aerialist.localhost/files/images/calculator/calcDrop300.jpg" />
    </div>

    <script>


    jQuery(document).ready(function(){


        jQuery('.plusCalc').click(function(){


                    jQuery('.plusCalc').stop().animate({opacity:'0'},function(){
                    jQuery('.plusCalc').attr('src', '/sites/aerialist.localhost/files/images/calculator/minusBig300.jpg');
                    jQuery('.plusCalc').attr('class', 'minusCalc');
            }).load(function(){
                    jQuery('.minusCalc').stop().animate({opacity:'1'});
            });

            jQuery("#calculatorDiv").show('slow');


        });


          jQuery('.minusCalc').click(function(){

                jQuery('.minusCalc').stop().animate({opacity:'0'},function(){
                    jQuery('.minusCalc').attr('src', '/sites/aerialist.localhost/files/images/calculator/plusBig300.jpg');
                    jQuery('.minusCalc').attr('class', 'plusCalc');
            }).load(function(){
                    jQuery('.plusCalc').stop().animate({opacity:'1'});
            });

            jQuery("#calculatorDiv").hide('slow');

        });



    });

    </script>

jQuery（文档）.ready（函数（）{
jQuery（'.plusCalc'）。单击（函数（）{
jQuery（'.plusCalc'）.stop（）.animate（{opacity:'0'}，function（）{
jQuery（'.plusCalc'）.attr（'src'，'/sites/aerialist.localhost/files/images/calculator/minusBig300.jpg'）；
jQuery（'.plusCalc'）.attr（'class'，'minusCalc'）；
}).load（函数（）{
jQuery（'.minusCalc'）.stop（）.animate（{opacity:'1'}）；
});
jQuery（“#calculatorDiv”）.show（'slow'）；
});
jQuery（'.minusCalc'）。单击（函数（）{
jQuery（'.minusCalc'）.stop（）.animate（{opacity:'0'}，function（））{
jQuery（'.minusCalc'）.attr（'src'，'/sites/aerialist.localhost/files/images/calculator/plusBig300.jpg'）；
jQuery（'.minusCalc'）.attr（'class'，'plusCalc'）；
}).load（函数（）{
jQuery（'.plusCalc'）.stop（）.animate（{opacity:'1'}）；
});
jQuery（“#calculatorDiv”）.hide（'slow'）；
});
});

我可能只会使用两个相互重叠的图像，然后使用jQuery的fadeToggle在这两个图像之间旋转

类似这样的（）可能会起作用。您还可以将其更改为仅淡入淡出顶部的一个，删除每个上的第二个淡入淡出切换实例