jQuery：切換圖像時切換DIV

Question

我試圖寫一些jQuery，將切換DIV打開和關閉，它的工作，但我想要一個箭頭，將更改爲「向下」，如果DIV展開，如果DIV崩潰，則爲「正確」。

我有什麼至今：

$('.toggleHead').click(function() { 
    $('#arrow').attr('src', 'images/icons/down.png'); 
    $(this).next().toggle(); 
    return false; 
    }).next().hide(); 

我會在哪裏把其他$('#arrow').attr('src', 'images/icons/right.png');？

謝謝！

Answer 1

On #arrow - 您可以使用.toggleClass（'open'），它將添加/刪除'open'類。

然後在你的CSS中，你可以爲.open設置一個背景圖像，它將覆蓋'down'箭頭。

我有類似

$('.accordion-multi h2').click(function() { 
    $(this).next().slideToggle('normal'); 
    $(this).toggleClass('open'); 
    return false; 
}).next().hide();