使用slidetoggle顯示內容，想要顯示+和 - 按鈕基於當前的情況

Question

我使用slideToggle切換div的內容，我想知道如何能夠在兩個圖像之間進行切換，其中一個是加號（+ ）標記，點擊以顯示內容和減號（ - ）標記以隱藏內容。

任何幫助表示讚賞。

這就是我要切換的一個div的

$(document).ready(function() { 
$('#planning-click').click(function() { 
    $("#planning").slideToggle(100); 
}); 
}); 

Answer 1

使用鏈接上的toggleClass方法並相應地更改它的bacgkround。

$(document).ready(function() { 
$('#planning-click').click(function() { 
    $("#planning").slideToggle(100); 
    $(this).toggleClass("open"); 
}); 
}); 

#planning-click { 
    background: url(minus.png) no-repeat; 
} 
.open { 
    background-image: url(plus.png); 
} 

Answer 2

您可以簡單地改變圖像的src和它應該更新。所以你只需加上

$（link）.attr（'src'，urlForNewimage）;

裏面有你的點擊功能。