javascript - JQuery - 单击时切换 div 内的图像？

Question

所以我有一个切换式 div，里面有一个图像，可以切换下一个 div 的滚动:

<div class="section">
<img src="on.png"> Stuff </div>
<div class="under" style="height:302px;"> Hi </div>

这是它的 JQuery:

$(".section").click(function(){
    $(this).next('div').slideToggle(1200);
});

我如何在我的 div 的 click 功能上做到这一点，它将图像切换为“off.png”？如果 src 是“off.png”，它会切换到“on.png”吗？谢谢。 (抱歉，我仍然是 JQuery 的菜鸟)

Answer 1

$(function(){ 
    $(".section").click(function(){ 
   $("img").attr('src',  
                ($("img").attr('src') == 'http://www3.picturepush.com/photo/a/2772891/64c/png/power-off.png?v0'  
                    ? 'http://kiwianon.com/forums/Themes/Simple_Green/images/on.png'  
                    : 'http://www3.picturepush.com/photo/a/2772891/64c/png/power-off.png?v0' 
                     ) 
                )  
    }); 
}); 

demo