jquery - jQuery UI Accordion 的工作 V 形图标

Question

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

The problem: Tab is selected and chevron changes from down to up (great) but when another tab is selected the previous tab doesn't go back to default down. 我正在使用向上和向下类来添加人字形图像图标。

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

您可以选择全部并在单击时删除 up 类。就像是：

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