1

私は完全に正常に動作しているアコーディオンを持っていますが、必要なのは一度に 1 つのタブだけを開くことです。つまり、1 つのタブを開いたときに別のタブを閉じる必要があります。

現在、タブ リンクをクリックすると、すべてのタブを開くことができます。

コードはこちら

$("#accordion > li > span").click(function() {
  $(this).siblings("div").slideToggle(250);
        $(this).toggleClass("active");

});

ここにフィドルがあります

4

2 に答える 2

2

LIVE DEMO

$("#accordion > li > span").click(function() {
    $(this).closest('li').siblings().find('span').removeClass('active').next('div').slideUp(250);
    $(this).toggleClass("active").next('div').slideToggle(250);
});

または次のように: LIVE DEMO

$("#accordion > li > span").click(function() {
    $(this).toggleClass("active").next('div').slideToggle(250)
    .closest('li').siblings().find('span').removeClass('active').next('div').slideUp(250);
});
于 2013-04-01T07:08:04.320 に答える