jQuery 手风琴上的旋转箭头图像

Question

所以我有这个页面 http://travisjterry.com/FAQ/FAQ.html

抱歉，我试图让它在 jsfiddle 中工作，但我无法让它在那里工作。

这是一个手风琴风格的常见问题解答页面.我试图让箭头在单击问题时旋转 90 度。它只切换顶部一个，我知道这是因为我正在使用图像的 ID，但是使用类切换了所有这些。

$(document).ready(function($) {
       $('#accordion div').hide();
       $('#accordion p span').click(function(){
               $("#blueArrow").rotate(90);
               $('#accordion div').slideUp();
               $(this).parent().next().slideDown();
               return false;
       });
});

我在这里错过了什么？

Answer 1

尝试将它们更改为类并尝试类似以下内容：

$(document).ready(function($) {
    $('#accordion div').hide();
    $('#accordion p span').click(function(){
        $(this).closest('p').siblings().find('.blueArrow').rotate(0);
        $(this).find('.blueArrow').rotate(90);
        $('#accordion div').slideUp();
        $(this).parent().next().slideDown();
        return false;
    });
});

这将仅针对每个范围内的".blueArrow"，而不是所有范围。