Question

我有一个查看项目按钮。以及最初隐藏的一些内容。

查看项目是带有精灵图像PLUS和MINUS符号的TEXT。

我需要的是，当我点击查看项目按钮时，我需要向下滑动下面的内容，就像手风琴效果一样， PLUS 图像应该更改 MINUS ，反之亦然。

手风琴部分工作正常

这是我的小提琴

$(document).ready(function() {
    $('.slide_down_container').hide();
    $('.viewBtnCtnr').on('click', function() {
        $(this).next().slideToggle(300);
        $(this).children('div.btnImg').addClass("changePosition");
    });
});

由于

Answer 1

我找到了改变图像的解决方案。使用 toggleClass（）

这是我更新的脚本代码

$(document).ready(function(){
$('.slide_down_container').hide();
$('.viewBtnCtnr').on('click', function() {
   $(this).next().slideToggle(300);
       $(this).children('div.btnImg').toggleClass("changePosition");
    });
});

我也更新了小提琴。这是完美无瑕的小提琴。

JSFIDDLE UPDATED

如何在onclick函数中为精灵图像添加切换效果？

1 个答案: