更新我的js accordion标签以选择性地打开和关闭内容

时间:2011-10-25 19:36:49

标签: javascript jquery

我创建了一个手风琴,任何时候都只能打开一组内容,我的问题是如何更新我的代码,以便点击活动标签并关闭内容?目前,如果我尝试关闭活动标签,内容会向上滑动,然后直接向下滑动?

我确定我以错误的方式编写了这段代码,并希望了解如何增强此代码的所有建议http://jsfiddle.net/kyllle/csggQ/1/

凯尔

1 个答案:

答案 0 :(得分:1)

似乎你已经结束了事情:)

你已经成功了,http://jsfiddle.net/csggQ/21/

$(document).ready(function(){
    $('p').hide();

    $('h2').click(function() {

        if($(this).hasClass('active'))
        {
           $(this).removeClass('active');
           $(this).next('p').slideUp(600);
        } else {          
           $('#myContent .active').removeClass('active').next().slideUp(600);
           $(this).addClass('active');
           $(this).next('p').slideDown(600);
        }

    });
});