Edit in JSFiddle

 $("#pdiv").click(
                    function() {
                        $("#pdiv").fadeToggle("slow", "swing",
                        function() {
                            $("#slidimg").attr("src", function(i, oldSrc) {
                            return oldSrc == 'http://s20.postimg.org/xcardqsf1/church.jpg' ? 'http://s20.postimg.org/a9fn0u1jx/church_inner.jpg' : 'http://s20.postimg.org/xcardqsf1/church.jpg';                              
                            });
                            $("#pdiv").fadeToggle("slow", "swing");  
                        });
                    }
                );

        <div id="pdiv" >
            <img id="slidimg" src="http://s20.postimg.org/xcardqsf1/church.jpg" alt="image1" width="636"         height="243" />
        </div>