javascript - 单击 jQuery 时切换显示

Question

我有一个 Accordion ......

1. 单击后，我希望展开下一个 dd 部分。
2. 如果点击另一个，我希望所有其他打开的部分首先关闭
3. 如果点击打开的标题，我想关闭...

我有以下示例，但无法工作...

jQuery

$(".accordion > dt > a").click(function () {
    $(".accordion a").removeClass('active');
    if ($('.accordion > dd').next().is(':visible')) {
        $(this).removeClass('active');
        $('.accordion > dd').slideUp(200);
    } else {
        $(this).addClass('active');
        $(this).parent().next().slideDown();
    }
});

http://jsfiddle.net/m0zehxpc/

Answer 1

类似 this

$(".accordion > dt > a").click(function () {
    $(".accordion a").removeClass('active');
    $(this).addClass('active');
    $('.accordion > dd').not($(this)).slideUp(200);
    $(this).parent().next('dd').slideDown(200)
});

您可以忽略其中的.not部分

$('.accordion > dd').not($(this)).slideUp(200);