使用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）;

里面有你的点击功能。