将jquery活动状态添加到手风琴中

时间:2011-01-19 16:33:40

标签: jquery

对于我的生活,我无法弄清楚如何为我这个手风琴添加一个活泼的状态。我觉得我很近,但我必须点击两次这样的条,以便箭头状态发生变化。关于我做错什么的任何想法?

    $('ul.expand').each(function(){
    $('li.md', this).filter(':first').addClass('top').end().filter(':not(.open)').next().hide();
    $('li.md', this).click(function(){
        if($(this).hasClass('open')) {
            $(this).find('.arrow').addClass('active');
            return false;
        } else {
            $(this).find('.arrow').removeClass('active');
            $(this).parent().find('li.md').removeClass('open').next().filter(':visible').slideUp();
            $(this).addClass('open').next().slideDown();
            $(this).find('.arrow').addClass('active');
        }
    });
});

这是HTML:

http://www.lastyearsloss.com/mav/mobile/

2 个答案:

答案 0 :(得分:2)

在else中删除所有活动类,因为手风琴只允许1个活动成员。

$('li.md').find('.arrow').removeClass('active'); // remove all actives
$(this).find('.arrow').addClass('active');    // activate current

答案 1 :(得分:0)

$('li.md').find('.arrow.active').removeClass('active');

你试过吗?