JQuery 아코디언 버튼 - 새로 고침시 깜박임 제거

Question

제 'accordionButton'div의 섹션 이름과 'accordionContent'div의 탐색 링크가있는 간단한 JQuery 아코디언 메뉴가 있습니다. 탐색 링크는 각각 URL에 새로운 ?page_id=n을 추가합니다.

사용자가 내 메뉴에서 새 링크를 클릭하면 전체 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은 깨지 않을 것입니다. 이것을 시도해야합니다 demo