如何將切換效果添加到onlick函數中的精靈圖像？

Question

我有一個查看項目按鈕。還有一些最初隱藏的內容。

查看項目是帶有sprite圖像的PLUS和MINUS符號的TEXT。

我需要的是，當我在查看項目點擊按鈕，我需要將以下內容滑下像手風琴效應和PLUS圖像應改爲減號，反之亦然。

手風琴部分工作完全

這裏是我的小提琴

http://jsfiddle.net/abuisaacm/jLpre/2/

$(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