jquery - JQuery アコーディオン ボタン - ページ更新時のちらつきを除去

Question

「accordionButton」div にセクション名、「accordionContent」div にナビゲーション リンクを含む単純な JQuery アコーディオン メニューがあります。ナビゲーション リンクはそれぞれ?page_id=n、URL に new を追加します。

問題は、ユーザーがメニュー内の新しいリンクをクリックすると、accordionContent セクション全体が上にスライドしてから下に戻ることです。セクション間の切り替え (accordionButton のクリック) では、これは発生しません。

これを修正するにはどうすればよいですか? ここにコード：

    $(document).ready(function() {
         $('div.accordionButton.selected').next().show();

         //ACCORDION BUTTON ACTION  
         $('div.accordionButton').click(function() {

         $('div.accordionContent').slideUp('normal');   
         $(this).next().slideDown('normal');
         $('div.accordionButton').removeClass('selected');
         $(this).addClass('selected');  
         });
     });

Answer 1

私はより堅実な方法でアコーディオンを行い、URLで壊れることはありません. このデモを試してみてください