我有一个使用 jQuery UI 构建的手风琴。我需要向上或向下的 V 形图标,具体取决于该部分是打开还是关闭。问题是我的 jQuery。至少最初是这样。我看到两个雪佛龙都在加载,一旦点击,雪佛龙根本不会改变。
jQuery
$(function() {
$(".section a").click(function() {
$(".chevron").removeClass("chevron").addClass("up");
});
});
CSS
.chevron {
background: url("images/down.png") no-repeat;
}
.up {
background: url("images/up.png");
}
HTML
<div class="section">
<a href="#"><div class="tab active">
<span class="chevron"></span><h3>Section 1</h3>
</div></a> <!-- tab -->