javascript - 更改一个图标，而不是全部

Question

我成功地完成了所有事情，打开了每个元素。正如您在下面的示例中看到的那样，所有图标都一起更改，但只是替换了单击的图标？

$('.list-prod > li > span').on('click', function() {
    $(this).next().slideToggle('slow', function() {
        if($(this).is(':visible')) {
            $('.list-prod > li > span').addClass('collapse');
        } else {
            $('.list-prod > li > span').removeClass('collapse');
        }
    });
});

External link demo

Answer 1

JSFIDDLE DEMO

$('.list-prod > li > span').on('click', function () {
    $(this).toggleClass('expand collapse');
    $(this).next().slideToggle('slow');
});