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

Question

>我正在尝试学习如何做到这一点。我今天发了几次对不起。

问题：选择了选项卡并且 V 形从下更改为上（很棒），但是当选择另一个选项卡时，上一个选项卡不会返回到默认向下。我正在使用上下类来添加 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");
});
});

Answer 1

您可以全选，然后单击时删除向上类。像这样：

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