jQueryアコーディオン - 別のアコーディオンペインを開いて別のアコーディオンペインを開く方法

Question

私は次のような機能を備えたいと思います：ユーザーがリンクをクリックして拡大すると、崩壊。私はこの機能がアコーディオンプラグインに組み込まれていることを知っていますが、別のライブラリ（jQuery UI）を追加することを避けようとしています。

編集：ここで私が今持っているコードは（：http://jsfiddle.net/s2Jfs/2/ここではjsFiddle上で）：ある

$('.accordion-toggler').addClass('toggle-plus'); 

    $('.accordion-toggler').click(function() { 
     $this = $(this); 
     if($this.hasClass('toggle-plus')) { 
      $this.removeClass('toggle-plus').addClass('toggle-minus'); 
     } else { 
      $this.removeClass('toggle-minus').addClass('toggle-plus'); 
     } 
     $this.next('.mod-content').slideToggle(); 
    }); 

「モッズ・コンテンツ」クラスが崩壊/拡大すべきコンテンツに取り付けられています。今、1つのアイテムを展開し、開いたままにしてから別のアイテムをクリックすると、複数の展開された領域があります。アクティブなもの以外の他のリンクを崩壊させるにはどうすればよいですか？

Answer 1

あなたはこのようにしなければならないほど複雑になっています。他の人がスライドバックしている間だけスライドさせたい場合は、次のコードを使用してください。

$('.accordion-toggler').click(function() { 
    var targetElement = $(this).next('.mod-content'); 
    targetElement.slideToggle(); 
    targetElement.siblings('.mod-content').slideUp(); 
});