Javascript 手风琴菜单箭头不同步

我有以下jquery代码，其中有一个bug。如果打开一个菜单项，然后关闭该菜单项，则可以正常工作

但是，当您单击a菜单项，然后单击其他菜单项时，第一个菜单项将按预期关闭，但箭头将保持不同步。我该如何解决这个问题

$('#accordian h2,h3').click( function() {
var checkElement = $(this).next(); 
$('#accordian ul ul').removeClass('active');
$(this).closest('ul ul').addClass('active');
$("h2#heading",this).toggleClass("glyphicon glyphicon-chevron-down glyphicon glyphicon-chevron-right"); 

if ((checkElement.is('ul ul')) && (checkElement.is(':visible'))) {
    $(this).closest('ul ul').removeClass('active');
    checkElement.slideUp('normal');
    return false;
}

if ((checkElement.is('ul ul')) && (!checkElement.is(':visible'))) {
    $('#accordian ul ul:visible').not(checkElement.parentsUntil('#accordian')).slideUp('normal');
    checkElement.slideDown('normal');
    return false;
}
});

谢谢大家,，

---

James

您需要执行

removeClass（“glyphicon-glyphicon-chevron-down-glyphicon-glyphicon-chevron-right”）当你滑动打开所有窗口时。共享你的HTML和CSS部分或JSFIDLE就好了。上面的操作只会使图标在@ShaunakD消失。