手风琴菜单箭头不同步

时间:2014-06-23 02:07:06

标签: javascript jquery html

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

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

$('#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;
}
});

谢谢大家, 詹姆斯

0 个答案:

没有答案
相关问题