jQuery UI手风琴的工作V形图标

我正在努力学习如何做到这一点。我今天已经发了好几次了，对此我很抱歉

问题是：选择了Tab，并且V形从“向下”更改为“向上”（很好），但当选择了另一个Tab时，上一个Tab不会返回默认的“向下”。我正在使用up和down类添加V形图像图标

jQuery

// Chevron icons move up and down 
$(function() {
//Add down to all .chevrons
$(".section a .chevron").addClass('down'); 

//Toggle up/down classes
$(".section a").click(function() {
    var $chevron = $(this).find('.chevron'); 
    $chevron.toggleClass("down up");
});
});

---

您只需选择all并在单击时删除up类。 比如：

$(".section a").click(function() {
    $(".section a .chevron").removeClass('up').addClass('down'); 
    var $chevron = $(this).find('.chevron'); 
    $chevron.toggleClass("down up");
});

---

这是朝着正确方向迈出的一步。但是现在，当您单击已打开的带有V形向上的剖面时。雪佛龙保持不动。好的，您也希望它关闭，请尝试以下操作：$（“.section a”）。单击（函数（）{var$chevron=$（this）。查找（'.chevron'）；var opened=$chevron.hasClass（“up”）；$（“.section a.chevron”）。removeClass（'up'）。addClass（'down'）；$chevron.addClass（（opened）？down:up））；）；抱歉，我有语法错误，我搞不懂。最后一行出现意外。对不起$（“.section a”）。单击（function（）{var$chevron=$（this）.find（'.chevron'）；var opened=$chevron.hasClass（“up”）；$（“.section a.chevron”）。removeClass（'up'）.addClass（'down'）；$chevron.addClass（（opened）？down:up）；}）；