javascript - OnClick 图像返回原始来源？

Question

我有一个使用 jQuery/JavaScript 的展开和折叠系统设置。单击 DIV 后，DIV 内的图像就会更改其状态。但是，当您再次单击该 DIV 时，图像不会返回到其原始状态。它陷入了替代状态。

注意:我在同一页面上的多个实例中都有脚本来创建 Accordion 效果，当您单击不同的“ITEM”时，图像将返回到先前选择的 DIV 的原始状态。

这是 jsFiddle:http://jsfiddle.net/4Dtd8/

非常感谢!

Answer 1

您可以监视内容的可见性以确定应显示哪个图标。

http://jsfiddle.net/4Dtd8/7/

jQuery('.item .expandacc').click(function() {
    if (jQuery($(this).next('.contentacc').is(':visible')) {
        jQuery('.expandacc h1 img').attr('src', 'http://www.novell.com/documentation/extend52/Docs/help/exteNd/books/GTRImages/expandIcon.png');
    }
    else {
        jQuery(this).find('img').attr('src', 'http://www.jornal.us/icons/expandIcon.jpg');
    }
    jQuery('.item .expandacc').not(this).siblings('.contentacc').slideUp('normal');
    jQuery(this).siblings('.contentacc').slideToggle('normal');
});