jQuery中的圖像更改和內容摺疊onclick

我一直在嘗試實現崩潰展開和圖像切換功能同時使用jQuery。jQuery中的圖像更改和內容摺疊onclick

答一切都只是工作得很好：

當我在任何標題的所有其他內容崩潰，但只有同一標題的圖像切換點擊。

jQuery(document).ready(function() { 
jQuery(".content").hide(); 
jQuery(".heading").click(function() { 
    jQuery(this) 
     .nextAll(".content:first").slideToggle(500) 
     .siblings(".content").slideUp(500); 

    var currentimg=$(this).find('img').attr('src'); 
    if(currentimg=="images/right.png"){ 
     $(this).find('img').attr('src','images/Down.png'); 
    } 
    else{ 
     $(this).find('img').attr('src','images/right.png'); 
    } 

});

}）;

我的jsfiddle是：https://jsfiddle.net/pa1b5g0j/ 在此先感謝！

來源

2016-02-13 mkendre

你的東東https://jsfiddle.net/nzsexknm/ – Satpal

喜欣賞這樣的快速回復 – mkendre

但這個腳本觸發的所有圖像。可能是令人困惑的問題。我想要的是：當我點擊任何標題時，它的圖像應該變成down.png，然後休息都必須有right.png ..... – mkendre

你需要設置其他圖像src與Down圖像。見行內註釋

//Find current elements image 
var img = $(this).find('img'); 
img.attr('src', function(_, value) { 
    if (value == "http://diactral.com/v2/images/right.png") { 
    return 'http://diactral.com/v2/images/Down.png'; 
    } else { 
    return 'http://diactral.com/v2/images/right.png'; 
    } 
}); 

//Set the image apart for all image apart from elements image 
jQuery(".heading img").not(img).attr('src', 'http://diactral.com/v2/images/Down.png');

DEMO

來源

2016-02-13 11:28:18 Satpal

工作正常！謝謝 – mkendre

jQuery中的圖像更改和內容摺疊onclick

回答

相關問題