所以我有这个页面http://travisjterry.com/FAQ/FAQ.html
抱歉,我试图让这个在jsfiddle工作,但我不能让它在那里工作。
这是一个手风琴式的FAQ页面。而我正试图让箭头在点击问题时旋转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;
});
});
我在这里缺少什么?
答案 0 :(得分: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',而不是所有范围。