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

在你的点击功能里面。